jquery.cookieTab.js (jQueryプラグイン) デモページ
HTML
<!-- 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
$('#cookieTab1').cookieTab();
オプション（アクティブパネル変更、クッキー有効期限を変更）#cookieTab2
$('#cookieTab2').cookieTab({
activeTab: 1,
cookie: { expires: 30 }
});
オプション（クッキー無効化）#cookieTab3
$('#cookieTab3').cookieTab({
cookie: false
});
HTML（タブメニュー、タブパネルの要素変更）
<!-- 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
$('#cookieTab4').cookieTab({
tabMenuElm: '.some-tab-menu',
tabPanelElm: '.some-tab-panel'
});