タブの設置

Module 定義の中に書く

 <Require feature="tabs" />

ビューの JS 内に記載

jQuery(function($) {
   $('#tabs').tabs();
});

ビューの HTML に記載

<div id="tabs">
<ul>
	<li><a href="#index1" title="インデックス１">インデックス１</a></li>
	<li><a href="#index2" title="インデックス２">インデックス２</a></li>
</ul>
<div id="index1">
	<div align="center">コンテンツ１</div>
</div>
<div id="index2">
	<div align="center">コンテンツ２</div>
</div>
</div>

<a href="http://code.google.com/p/opensocial-jquery/wiki/Tabs">Tabs - opensocial-jquery - [en-US] タブを表示し、タブの切り替えイベントをハンドリングできます。 - Project Hosting on Google Code</a> <a href="http://b.hatena.ne.jp/entry/http://code.google.com/p/opensocial-jquery/wiki/Tabs"><img src="http://b.hatena.ne.jp/entry/image/http://code.google.com/p/opensocial-jquery/wiki/Tabs" border="0"></a>