jQuery で作るシンプルなツリー型メニューボックス
メニュー3-1 メニュー3-2 メニュー3-3 メニュー3-4 メニュー3-5 メニュー3-6 メニュー3-7 実装例の動作について 「 メニュー1 | ▼ 」をクリックすると、メニュー1のサブメニューが現れる。「 メニュー1 | ▼ 」を再びクリックすると、メニュー1のサブメニューが折りたたまれる。メニュー2、メニュー3についても同様。 ソースコード JavaScript <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> <!-- $( function() { $( '#jquery-menu-1-title' ) . click( function() { $( "#jquery-menu-1-sub" ) . slideToggle( 'slow' );
jQuery で作る多階層ツリーメニュー | JavaScript
多階層のツリーメニューは、jQuery で簡単に作れる。トップ階層のメニュー横の▼をクリックすると、第2階層のサブメニューが現れる。トップ階層のメニュー横の▼を再びクリックすると、第2階層のサブメニューが折りたたまれる。第2階層のサブメニュー横の▼をクリックすると、第3階層のサブメニューが現れる。第3階層以下についても同様。 実装例 メニュー1▼ メニュー1-1▼ メニュー1-1-1▼ メニュー1-1-1-1 メニュー1-1-1-2 メニュー1-1-2 メニュー1-1-3 メニュー1-1-4 メニュー1-1-5 メニュー1-2▼ メニュー1-1-1 メニュー1-1-2 メニュー1-1-3 メニュー1-3 メニュー1-4 メニュー1-5 メニュー1-6 メニュー1-7 メニュー2▼ メニュー2-1 メニュー2-2▼ メニュー2-1-1 メニュー2-1-2 メニュー2-1-3 メニュー2-3
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
