Алексей в рубрику JavaScript

Вопрос: «Выезжалка» на jquery

Здравствуйте.
Никак не могу сделать следующие: нужно чтобы при нажатии на ссылку "Открыть" под ней плавно выезжал текст. После этого ссылка менялась на "Закрыть" и при нажатии на нее текст плавно закрывался обратно.

Заранее спасибо.

Задайте свой вопрос

Если у вас есть вопрос по разработке или дизайну сайтов, вы можете задать его на Временно.нет и тысячи наших читателей помогут вам найти на него ответ.

Задать свой вопрос

Расскажите друзьям

Ответы на вопрос — 4

Grin
А что именно не получается?
Событие на ссылку вешать умеем? Отлично! Плавно выезжал текст? Для этого используем slideToggle и его вторым аргументом (колбэком) делаем функцию, которая менять содержимое ссылки, по которой кликнули. Что ставить в ссылку («открыть» или «закрыть») узнаем через проверку на «открытость» текста my_text.is(':visible') ну а потом делаем my_link.set('text', state_text).
#
Grin
Алексей
Если честно, то я совсем недавно начал все это изучать. И не получается собственно ничего. Можно поподробнее как это организовать?
#
Алексей
Neformal
Советовал бы перечитать несколько книг или статей на данном ресурсе. Дело в том, что ваша проблема является тривиальной и очень простой. Если разобраться то вам нужно для ее решения освоить следующие пункты:

1) DOM (Document Object Model)
2) Events (события)
3) Принципы создания анимации.

Еще я бы посоветовал сначала освоить базовый JS, а уже потом переходить на фреймворки.
#
Neformal
Smile42RU
Если вопрос актуален - ася: 416-592-530
накатаю скрипт, разжую по буквам - что и как... :)

Новый ответ

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler