idTabs

わずか2KBで直感的に使えるタブインタフェース実装用jQueryプラグイン「idTabs」



以下のようなHTMLを簡単にタブ化できるみたいです

<ul class="idTabs">
  <li><a href="#aaa">Tab 1</a></li>
  <li><a href="#bbb">Tab 2</a></li>
</ul>
 
<div id="aaa">This is tab 1</div>
<div id="bbb">This is tab 2</div>

UL要素の中にリストを定義してあるのがタブ部分で、<div>部分が該当ページ部分です。



1ページ内に全部のデータを収めることも出来るところもいいですね。

関連エントリ

• タブ機能付きパーソナライズドホームページ『Netvibes』
• 多数のタブをグループ化して管理できる「TooManyTabs」