АДАПТИВНЫЕ ВКЛАДКИ ПРЕОБРАЗУЮЩИЕСЯ В АККОРДИОН

АДАПТИВНЫЕ ВКЛАДКИ ПРЕОБРАЗУЮЩИЕСЯ В АККОРДИОН


Легкий jQuery плагин, который преобразует обычные горизонтальные или вертикальные вкладки на устройствах с меньшим размером экрана в аккордион.

Возможности
- Горизонтальные / Вертикальные табы преобразует в аккордион
- Табы и аккордион создаются с помощью jQuery
- Поддержка нескольких табов на одной и той же странице
- Кроссбраузерность (IE7+, Chrome, Firefox, Safari и Opera)
- Мульти платформенность (Web, Tablets и Mobile)

HTML
<div id="demoTab">
    <ul class="resp-tabs-list">
        <li> .... </li>
        <li> .... </li>
        <li> .... </li>
    </ul>
 
    <div class="resp-tabs-container">
        <div> ....... </div>
        <div> ....... </div>
        <div> ....... </div>
    </div>
</div>


CSS
Стили находятся в файле easy-responsive-tabs.css

javascript
Подключаем jQuery, сам скрипт плагина и вызываем его:
$('#demoTab').easyResponsiveTabs();


Инициализировать плагин можно и с дополнительными параметрами:
$("#demoTab").easyResponsiveTabs({
    type: 'default', //Типы: default, vertical, accordion
    width: 'auto', //auto или любое значение ширины
    fit: true,   // 100% пространства занимает в контейнере
    activate: function() {} // Функция обратного вызова, используется, когда происходит переключение вкладок
});


Скачать исходники:
Скачать файл: Desktop.rar [7,3 Kb] (cкачиваний: 51)
0
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.