IDがpartsの領域にタブウィジェットを設定する
<!-- html部分 -->
<div id="parts">
<ul>
<li><a href="#part1">見出し1</a></li>
<li><a href="#part2">見出し2</a></li>
<li><a href="#part3">見出し3</a></li>
</ul>
<!-- 見出し1の内容 -->
<div id="part1">
</div>
<!-- 見出し2の内容 -->
<div id="part2">
</div>
<!-- 見出し3の内容 -->
<div id="part3">
</div>
</div>
/* JavaScript部分 */
$( '#parts' ).tabs();
tabs関数を呼ぶだけでいい。HTML部分の構造を理解するのがポイント。
