вРазные полезности

Самый простой спойлер на jQuery

Самый простой спойлер на jQuery

Простой спойлер на 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>

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

 

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

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

Похожие посты