js Спойлеры с поочередным плавным открытием/закрытием на jQuery 

Дата публикации  Дата изменения26.01.15  КомментарииНет   Просмотры2543

Одновременно открыт один спойлер. При клике по другому – открытый закрывается.

Пример использования:

Между <head></head>:

Между <body></body>:

<div class="spoiler">
    <div class="title"><h3 class="title_h3">ЗАГОЛОВОК СПОЙЛЕРА №1</h3><span class="open_close">Закрыть</span></div>
    <div class="contents">Содержимое внутри спойлера №1</div>
</div>

<div class="spoiler closed">
    <div class="title"><h3 class="title_h3">ЗАГОЛОВОК СПОЙЛЕРА №2</h3><span class="open_close">Закрыть</span></div>
    <div class="contents">Содержимое внутри спойлера №2</div>
</div>

<div class="spoiler closed">
    <div class="title"><h3 class="title_h3">ЗАГОЛОВОК СПОЙЛЕРА №3</h3><span class="open_close">Закрыть</span></div>
    <div class="contents">Содержимое внутри спойлера №3</div>
</div>

  Размер:  1,21kB | Изменен: 12.12.13 | Загрузок: 96
Бесплатные курсы

Категории

Теги: , ,

Оцените материал:

Рейтинг: 9.0/10 (1)


КомментарииКомментарии:

Нет комментариев к этой статье.


Поля, обозначенные как *, обязательны.





Максимальная длина сообщения 900 символов. Осталось   символов

 

Старые →← Новые