Simple Responsive Tabs Alone

by matt_bernhardt

HTML

<script src="http://jellekralt.github.io/Responsive-Tabs/demo/js/jquery.responsiveTabs.js"></script>
<link rel="stylesheet" href="http://jellekralt.github.io/Responsive-Tabs/demo/css/responsive-tabs.css">
<link rel="stylesheet" href="http://jellekralt.github.io/Responsive-Tabs/demo/css/style.css">
<div id="responsiveTabsDemo">
    <ul>
        <li><a href="#tab-1"> One </a></li>
        <li><a href="#tab-2"> Two </a></li>
        <li><a href="#tab-3"> Three </a></li>
    </ul>

    <div id="tab-1"> Tab One </div>
    <div id="tab-2"> Tab Two </div>
    <div id="tab-3"> Tab Three </div>
</div>

JavaScript

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