Tabs(タブ)を試してみます。作業の前提条件は、下記のとおりです。jquery-1.10.2.min.jsを指定して、HTMLを作成します。基本的な使用方法Tabsの定義には、以下のクラスを使用します。List)要素で定義します。nav-tabsで定義したタブに対応するコンテンツを定義します。基本的なコードは、下記のようになります。id="home1">ホームです。id="prof1">プロフィールを記載します。id="msgs1">メッセージを記載します。id="sets1">設定を記載します。上記の例に、タブ切り替え時の表示にフェード効果を加えることもできます。tab-contentの各項目にfadeを追加するだけですが、コンテンツをactiveにしたい場合、inも一緒に指定します。id="home2">ホームです。id="prof2">プロフィールを記載します。id="msgs2">メッセージを記載します。id="sets2">設定を記載します。-->ドロップダウンメニューを追加タブの一部をドロップダウンメニューとして、定義することもできます。nav-tabsで定義するリスト項目を、ドロップダウンメニューに置き換えるだけで実現できます。id="home3">ホームです。id="prof3">プロフィールを記載します。id="msgs3">メッセージを記載します。id="sets3">項目1を記載します。id="sets4">項目2を記載します。id="home1">ホームです。id="prof1">プロフィールを記載します。id="msgs1">メッセージを記載します。id="sets1">設定を記載します。id="home2">ホームです。id="prof2">プロフィールを記載します。id="msgs2">メッセージを記載します。id="sets2">設定を記載します。id="home3">ホームです。id="prof3">プロフィールを記載します。id="msgs3">メッセージを記載します。id="sets3">項目1を記載します。id="sets4">項目2を記載します。</body></html>デモは、027.htmlからご覧頂けます。ファイルは、027.zipからダウンロードできます。