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

Дата публикации  Дата изменения11.10.13  Комментарии10   Просмотры7029

Простой спойлер на 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 могут находится в разных местах страницы; вложенность спойлеров неограниченна; контент – любой

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

Бесплатные курсы

Категории

Теги: , , ,

Оцените материал:

Рейтинг: 8.5/10 (18)


КомментарииКомментарии:

    KillerHT

     

    Супер, то что искал – чтобы содержимое было независимо от кнопки/ссылки-активатора, сапасибо!

    coder.hol.es /* Админ */

     

    Пожалуйста =)

    MrDrug

     

    Спасибо!

    coder.hol.es /* Админ */

     

    Пожалуйста =)

    Blacki

     

    Благодарю, то что искал, простой и удобный.


Поля, обозначенные как *, обязательны.





Максимальная длина сообщения 900 символов. Осталось   символов

 

Старые →← Новые