Простой спойлер на 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
могут находится в разных местах страницы; вложенность спойлеров неограниченна; контент – любой
Комментарии:
coder.hol.es /* Админ */#
Пожалуйста)
Саша Черных#
Когда нужно вставлять много спойлеров, не подойдёт. Каждому нужно будет отдельный id назначать. Спасибо.
coder hol es#
Пожалуйста)
MP#
Отличный и легковесный спойлер, который я так долго не мог найти. В основном везде слишком объемный код. Спасибо !
coder hol es#
Рад, пожалуйста)