<!-- tab --> <div id="id-of-tabname"> <!-- tab-menu --> <ul class="tab-menu"> <li><a href="#some-tabA">foo_a</a></li> <li><a href="#some-tabB">foo_b</a></li> <li><a href="/some-contents.html">foo_c</a></li> </ul> <!-- tab-panel --> <div class="tab-panel"> <div id="some-tabA"> foo_a... </div> <div id="some-tabB"> foo_b... </div> <div id="some-tabC"> foo_c... </div> </div> </div>
$('#cookieTab1').cookieTab();
$('#cookieTab2').cookieTab({ activeTab: 1, cookie: { expires: 30 } });
$('#cookieTab3').cookieTab({ cookie: false });
<!-- tab --> <div id="id-of-tabname"> <!-- tab-menu --> <ul class="some-tab-menu"> <li><a href="#some-tabA">foo_a</a></li> <li><a href="#some-tabB">foo_b</a></li> <li><a href="/some-contents.html">foo_c</a></li> </ul> <!-- tab-panel --> <div class="some-tab-panel"> <div id="some-tabA"> foo_a... </div> <div id="some-tabB"> foo_b... </div> <div id="some-tabC"> foo_c... </div> </div> </div>
$('#cookieTab4').cookieTab({ tabMenuElm: '.some-tab-menu', tabPanelElm: '.some-tab-panel' });