Простой спойлер на 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
могут находится в разных местах страницы; вложенность спойлеров неограниченна; контент – любой
Комментарии:
KillerHT#
Супер, то что искал – чтобы содержимое было независимо от кнопки/ссылки-активатора, сапасибо!
coder.hol.es /* Админ */#
Пожалуйста =)
MrDrug#
Спасибо!
coder.hol.es /* Админ */#
Пожалуйста =)
Blacki#
Благодарю, то что искал, простой и удобный.