Описание

Плагин представляет простое и легкое решение, которое легко адаптировать к любому шаблону интерфейса. Он включает использование куки, совместимость с ARIA, и может применяться в самых разных сценариях.

Использование

HTML:

<div id="demo">
    <h3>Фрукты</h3>
    <ul>
        <li>Яблоко</li>
        <li>Персик</li>
        <li>Апельсин</li>
    </ul>
    <h3>Информация</h3>
    <div>
        <p>Вы можете использовать любой контейнер 
		(в данном случае - div)</p>
    </div>
</div>

JavaScript:

<script src="jquery.min.js"></script>
<script src="jquery.collapse.js"></script>
<!-- Если требуется поддержка куки -->
<script src="jquery.cookie.js"></script> 
<script>
$(function() {
    $("#demo").collapse();
});
</script>

Перейти на демонстрационную страницу

Опции

show

Функция, которая определяет визуальное раскрытие содержания.

по умолчанию
function() { this.show(); }
тип
функция

hide

Функция, которая определяет визуальное скрытие содержания.

по умолчанию
function() { this.hide(); }
тип
функция

head

Тип элемента, который будет исопльзоваться как упарвляющий заголовок.

по умолчанию
"h2"
тип
строка

group

Тип элемента, который группирует скрываемое содержание.

по умолчанию
"div, ul"
тип
строка

cookieName

Имя куки, которое используется плагином.

по умолчанию:
“collapse”
тип:
строка

Особенности

Используются куки

Плагин jQuery Collapse поддерживает работу с куки. Они используются для запоминания состояния секций содержания. Нужно просто подключить плагин jQuery Cookie! Если куки не используются остальной функционал сохраняется.

Совместимость с ARIA

Плагин разрабатывался с учетом WAI-ARIA, который определяет способ сделать содержание и интерфейс веб сайта достпуным для людей с ограниченнымим возможностями.

Легкость

Плагин jQuery Collapse занимает менее 600 байт!

Кросс браузерная поддержка

Тестировался в браузерах IE6+, Firefox3+, Chrome5+, Safari4+, Opera 10+.

Гибкость

Опции включают возвратные функции для реализации пользователеских идей.