c# - jquery uiでasp.net mvcのタブを使用する

Question

jquery ui を使用して、mvc アプリケーションでタブを作成しようとしています。

次のコードを試しました：

<script src="../../Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.unobtrusive-ajax.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
    $('#tabs').tabs();
});
</script>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Exploded pie slice</a></li>
<li><a href="#tabs-2">Normal pie chart</a></li>
</ul>
<div id="tabs-1">@(Html.Partial("PartialView1"))</div>
<div id="tabs-2">@(Html.Partial("PartialView2"))</div>
</div>

jquery ui demo で上記のコードのようなものを見ました。タブの代わりに 2 つのリンクしか取得できず、2 つの部分ビュー ページがインデックス ページに表示されるため、コードに何が欠けているか教えてください。

ありがとう、アナンダラジ