Простой спойлер на jQuery

6.02.13 11.10.13 15 18284

Простой спойлер на jQuery. Самый простой, имхо.

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

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

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

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

<a onclick="$('#one').slideToggle('slow');" href="javascript://">Свернуть/Развернуть</a>

<div id="one" style="display: none;">Содержимое для показа</div>

id в $('#one') и div id="one" должны быть одинаковы
Для начального свернутого положения указывается style="display: none;" в блоке div
slideToggle('slow') – скорость раскрытия (Строка, Число ). Строка представляет собой один из трех предустановленных режимов скорости (”slow”, “normal”, или “fast”). В качестве числа указывается значение в миллисекундах (например, 1000)
Количество спойлеров (с разными id) на станице неограниченно; ссылка и соответствующий блок div могут находится в разных местах страницы; вложенность спойлеров неограниченна; контент – любой

Свернуть/Развернуть