спойлер

Простой и красивый спойлер на jQuery

Вторник, 27 сентября 2011 г.
Рубрика: Web-мастеринг
Метки: |
Просмотров: 27227
Подписаться на комментарии по RSS

Сегодня хочу рассказать о простом и, в то же время, довольно эффектном способе отображения текста на сайте. Наверняка вы не раз встречались со спойлерами на различных ресурсах, в основном при организации вертикальных выпадающих меню или скрытия/отображения дополнительной информации. Спойлеры помогают не загромождать станицу, сделать текст более читаемым и добавляют интерактивности.

Спойлер будем делать на jQuery. Данный вариант предполагает неограниченную вложенность и кроссбраузерность.

Пример того, что должно получиться

Выдержка из Wiki:

Спо?йлер, англ. to spoil — «гадить», «отравлять», «портить».

В языках программирования HTML, Javascript и т.п. спойлером называют скрывающийся (или показывающийся) объект (текст, картинка и т.д.).

Не правда-ли, довольно не плохой эффект? К тому же позволяющий прятать не только текст, но и картинки, таблицы, да вообще практически любую html разметку.

Как видите, под спойлером прячется не простой текст, а с html разметкой. Ну что, пришло время рассказать, как вся эта красота делается.

читать полностью →