6 535 Скрипты / Accordion

Akordeon - плагин аккордеона


Akordeon - jQuery плагин добавляющий на страницу стильно оформленный аккордеон. Полностью настраиваемый с возможностью отображения большого объема информации в ограниченном пространстве.

HTML

CSS

JS

Подключаем jQuery и плагин с его инициализацией:

<script type="text/jаvascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="js/jquery.akordeon.js" type="text/jаvascript"></script>
    <script type="text/jаvascript">
        $(document).ready(function () {
            $('#buttons').akordeon();
            $('#button-less').akordeon({ buttons: false, toggle: true, itemsOrder: [2, 0, 1] });
        });
    </script>

Опции плагина:

  • expadedItem:  Пункт будет расширен по умолчанию, первый пункт расширен по умолчанию
  • expadSpeed: Скорость анимации расширения пунктов, значение по умолчанию 200
  • toggle:  Если true каждый пункт может быть раскрыт и свернут,значение по умолчанию false
  • buttons: Нужно ли отображать кнопку свернуть/развернуть на каждом пункте, значение по умолчанию true
  • expandText: Текст для кнопки, когда пункт развернут, текст по умолчанию ‘–’
  • collapseText: Текст для кнопки, когда пункт свернут, текст по умолчанию ‘+
  • hiddenItem: 0 - индекс пункта который будет скрыт, -1 будет означать, что видны все
  • itemsOrder: Массив индексов если вы хотите изменить порядок отображения пунктов
Скачать 1851Загрузок 64,71 Kb
Демо

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи