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

12.12.13 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