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>

オプション(アクティブパネル変更、クッキー有効期限を変更)#cookieTab2

$('#cookieTab2').cookieTab({
	activeTab: 1,
	cookie: { expires: 30 }
});

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>

ページの先頭へ戻る