Развертывание / сворачивание блока с текстом на jQuery

Категория JavaScripts (jQuery, AJAX)

Разворачивающийся и свертывающийся блок с текстомСегодня мы создадим развертывающийся при клике на ссылку блок с текстом.

Пример

Эффект очень простой, как и для реализации. Если вам что-то не понятно, прочитайте вводный курс в jQuery

Код:


Развертывание / сворачивание на jQuery





развернутьсвернуть




текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст


Таким же способом можно запросто организовать выпадающее меню


ссылка на сайт




Другие посты, близкие по теме:

  1. Вводный курс jQuery – Тест
  2. checkbox в стиле iPhone
  3. Движение картинки при наведении курсора
  4. Загрузка файла одним кликом
  5. jQuery WYSIWYG
]]>

Добавить в закладки

]]>

Теги: , юзабилити

августа 2, 2009

2 комментариев по “Развертывание / сворачивание блока с текстом на jQuery”

  1. ]]> ]]> сказал:
    июня 16, 2010 в 22:01

    Привет всем! Очень классная статья мне понравилась, решил поставить его на свой сайт. почему-то при загрузки страницы он показывает скрытный текст… помогите, почему? Хотя по умолчанию он не должен показывать и в примере он не показывает,т.к. событий click не было, какая часть кода отвечает за это??? Зараннее спасибо.

  2. ]]> ]]> сказал:
    июля 15, 2010 в 04:10

    сделано просто и действенно, но есть вопрос, в блоге когда идет вывод постов скрипт должен срабатывать несколько раз, а он лишь на первый вывод срабатывае а потом хз не работает, что делать? хелп!

Оставьте комментарий: