手順 1：ビューの設定

この手順では、コンテンツのタブ付きセクションとなるリストのマークアップを追加します。以下を実行します。

ソリューションエクスプローラで、Views | Shared フォルダを展開し、_Layout.cshtml をダブルクリックして、ファイルを開きます。

次のマークアップをページの <body>タグ内に追加し、タブのリストとコンテンツを追加します。

ソースビュー	コードのコピー
<div id="tabs"> <ul> <li><a href="#tabs-1">タブ１</a></li> <li><a href="#tabs-2">タブ２</a></li> <li><a href="#tabs-3">タブ３</a></li> </ul> <div id="tabs-1"> タブ1のコンテンツ</p> </div> <div id="tabs-2"> タブ2のコンテンツ</p> </div> <div id="tabs-3"> タブ3のコンテンツ</p> </div> </div>

ソースビュー

コードのコピー

<div id="tabs">
<ul>
<li><a href="#tabs-1">タブ１</a></li>
<li><a href="#tabs-2">タブ２</a></li>
<li><a href="#tabs-3">タブ３</a></li>
</ul>
<div id="tabs-1">
タブ1のコンテンツ</p>
      </div>
<div id="tabs-2">
タブ2のコンテンツ</p>
      </div>
<div id="tabs-3">
タブ3のコンテンツ</p>
      </div>
      </div>