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

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

Курсы

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

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

Между <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 | Загрузок: 262
Бесплатные курсы

Категории

Теги: , ,

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

Рейтинг: 8.7/10 (3)


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

    Дмитрий

     

    Подскажите как настроить этот пример так, чтобы спойлер №1 по умолчанию был закрыт?

    coder hol es

     

    Измените class в обертке спойлера с div class="spoiler" на div class="spoiler closed"


 

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