АДАПТИВНЫЕ ВКЛАДКИ — RESPONSIVE TABS


АДАПТИВНЫЕ ВКЛАДКИ - RESPONSIVE TABS

АДАПТИВНЫЕ ВКЛАДКИ — RESPONSIVE TABS

АДАПТИВНЫЕ ВКЛАДКИ — RESPONSIVE TABS.Плагин отзывчивых вкладок. Вкладки трансформируются в аккордион при достижении заданного CSS breakpoint. Использование этого скрипта для табов будет отлично выглядеть и на десктопе, и на планшете и на мобильном устройстве.

Возможности
    • Трансформация вкладок в аккордион в заданных точках breakpoint
    • Использование javascript/jQuery для переключения вкладок (за счет классов)
    • Использование CSS для отображения на десктопе, планшете и мобильных устройствах
    • Имеется события callback для табов
    • А так же кому надо покупайте заградительная сетка

 

  • Вкладки можно открывать через URL хеши
  • Для вкладок можно запустить авто ротацию
  • Вкладки можно сворачивать (опционально)
  • Вкладки могут стартовать из свернутого состояния (опционально)
  • Вкладки можно отключать
  • Вкладками можно управлять с помощью API методов
  • Совместимость с IE7+, Chrome, Firefox, Safari и Opera
  • Поддержка многих устройств

АДАПТИВНЫЕ ВКЛАДКИ - RESPONSIVE TABS

jQuery

Подключаем JQuery не ниже 1.7.0 и плагин jquery.responsiveTabs.js
Простой пример инициализации плагина:

HTML

Пример разметки html:

CSS

Обязательное подключение стилей

В дополнительном файле прописаны стиля для вкладок и аккордиона демо версии

Это оформление вы можете переопределить в вашем основном файле стилей сайта.
Более подробно с API можете ознакомится на странице плагина на GitHub.
Previous Множество самых вкусных иконок на кухонную тематику
Next Используем карты Google для увеличения посещаемости

Suggested Posts

Категория аккордеон на Opencart 2.x без модуля

Адаптивный шаблон для Opencart — Corsica 2.7

Галерея для сайта в виде табов CSS3

Подборка шаблонов Opencert за Октябрь

Стильная форма регистрации на css3

Как сверстать шаблона сайта из PSD в HTML и CSS