АДАПТИВНЫЕ ВКЛАДКИ — 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

Отправка почты в PHP с вложениями

Совершенно бесплатных векторных фонов для своего сайта

Вращающиеся на 360 градусов 3D фото товаров

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

Эффект для картинок на сайте на чистом CSS

Новые и самые крутые иконки