このサンプルは、jQuery UIのtabsプラグインを使用してコンテンツをタブで切り替えます。Tab1はページ内にコンテンツを宣言しています。Tab2とTab3は、コンテンツをAjax経由でダイナミックにロードして表示します。Tab2はcontent2.aspx、Tab3はcontent3.aspxをAjax経由でロードして表示します。content2.aspxは2秒、content3.aspxは3秒サーバー側でスリープするようにしています。
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab 1</a></li>
<li><a href="jQuery/ui.tabs.ajax/content2.aspx">
Tab 2 (Ajax)</a></li>
<li><a href="jQuery/ui.tabs.ajax/content3.aspx">
Tab 3 (Ajax)</a></li>
</ul>
<div id="tabs-1">
<h3>Tab 1</h3>
<p>
Lorem ipsum id feugiat mentitum definitiones usu,
his ex habemus accusata disputationi,
has et solet lobortis reformidans. Ad mei lucilius
prodesset deterruisset.
Debitis impedit pertinax cu his, ad pri modo putent consequuntur.
Albucius eligendi quaerendum eos ex, postea nemore
appetere sit ex.
Ei luptatum apeirian mei, vix in vero voluptatibus.
At discere petentium patrioque nec, nam dico accusam fierent cu.
</p>
</div>
</div>