手順 1：ビューの設定

この手順では、最初にビューを設定します。ウィジェットが展開されたときに表示されるコンテンツをエキスパンダに追加します。

注意： この手順では、MVC Classicバープロジェクトを作成済みであることを前提にしています。詳細については、「MVC Classic プロジェクトの作成」トピックを参照してください。

以下の手順を実行します。

ソリューションエクスプローラに移動して、Views フォルダ内の Shared フォルダを展開し、_Layout をダブルクリックしてファイルを開きます。

次のマークアップをページの <body> タグ内の、@RenderBody() のすぐ後に追加します。

ソースビュー	コードのコピー
<div id="expander"> <h2>ヘッダー</h2> <div> Vestibulum ut eros non enim commodo hendrerit. Donec porttitor tellus non magna. Nam ligula elit, pretium et, rutrum non, hendrerit id, ante. Nunc mauris sapien, cursus in. </div> </div>

ソースビュー

コードのコピー

<div id="expander">
    <h2>ヘッダー</h2>
    <div>
    Vestibulum ut eros non enim commodo hendrerit. Donec porttitor tellus non magna.  Nam ligula elit, pretium et, rutrum non, hendrerit id, ante. Nunc mauris sapien, cursus in.
    </div>
</div>

このマークアップは、エキスパンダのコンテンツをページに追加します。

この手順では、ビューを作成しました。次の手順　「手順 2：ウィジェットの初期化」では、スクリプトを追加し、ウィジェットを初期化します。