Create sliding tabs quickly and easily.

Example

HTML

<div class="sub-header"> <div class="swipe-tabs" data-for=".swipe-tabs-container"> <div class="swipe-tab">One</div> <div class="swipe-tab">Two</div> <div class="swipe-tab">Three</div> <div class="swipe-tab">Four</div> <div class="swipe-tab">Five</div> </div> </div> <div class="main-container"> <div class="swipe-tabs-container"> <div class="swipe-tab-content">Tab 1</div> <div class="swipe-tab-content">Tab 2</div> <div class="swipe-tab-content">Tab 3</div> <div class="swipe-tab-content">Tab 4</div> <div class="swipe-tab-content">Tab 5</div> </div> </div>

JS

$('.swipe-tabs').swipeTabs({ slick: { tabs: { centerMode: true }, content: { draggable: true, fade: true, cssEase: 'linear' } } });