Адаптивные вкладки — Responsive Tabs

Плагин отзывчивых вкладок. Вкладки трансформируются в аккордион при достижении заданного CSS breakpoint. Использование этого скрипта для табов будет отлично выглядеть и на десктопе, и на планшете и на мобильном устройстве.

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

JS

$('#responsiveTabsDemo').responsiveTabs({
	    startCollapsed: 'accordion'
	});

HTML

<div id="responsiveTabsDemo">
	    <ul>
	        <li><a href="#tab-1"> .... </a></li>
	        <li><a href="#tab-2"> .... </a></li>
	        <li><a href="#tab-3"> .... </a></li>
	    </ul>
	
	
	    <div id="tab-1"> ....... </div>
	    <div id="tab-2"> ....... </div>
	    <div id="tab-3"> ....... </div>
	</div>

CSS

<link type="text/css" rel="stylesheet" href="css/responsive-tabs.css" />

<link type="text/css" rel="stylesheet" href="css/style.css" />