TurboTabs is responsive tabs jquery plugin with plenty of customization options and easy to follow HTML markup.
Homepage: http://themeflection.com/plug/turbotabs-responsive-tabs-jquery-plugin/
For live preview check Demo
You can also use my online options builder (available in the Demo) that will make it easier for you to implement the plugin options. Play with live previewer and when you are ready click on button "get options".
For more advanced usage visit official documentation
<div id="main">
<!-- - - - - - Tab navigation - - - - - - -->
<ul class="tt_tabs">
<li class="active">Tab 1</li>
<li>Tab 2</li>
<li>Tab 3</li>
</ul>
<!-- - - - - Tab Content - - - - - -->
<div class="tt_container">
<div class="tt_tab active">
--- Some Content ---
</div>
<div class="tt_tab">
--- Some Content ---
</div>
<div class="tt_tab">
--- Some Content ---
</div>
</div><!-- .tt_container -->
</div> <!-- #main -->
<link rel="stylesheet" type="text/css" href="css/turbotabs.css" />
<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/turbotabs.min.js"></script>
$(document).ready(function(){
$('#main').turbotabs();
]);
Licenced under MIT licence
Version 1.0 | Initial release |
Version 1.1 | Added 28 animations, added tt_prefixes to fix compatibility issues with other CSS frameworks such as foundation and bootstrap. |