drawer.jpを使ったドロワーメニューに孫メニューを組み込みたいです。
http://git.blivesta.com/drawer/
https://blog.mismithportfolio.com/web/20150320drawer
このサイトを参考に親子メニューまで実装しました。
しかし、さらに子メニューをクリックすると、孫メニューの開閉をさせる方法がわかりません。
CSSの追加だけで対応できるのか、
jQueryから見直す必要があるのか、
個存知の方いらっしゃりませんでしょうか?
下記ソースの場合、
リスト9-1に孫メニューリストをぶら下げたいです。
HTML
1<ul> 2 <li>リスト1</li> 3 <!-- 省略 --> 4 <li class="drawer-dropdown"> 5 <a href="#" data-toggle="dropdown">リスト9(プルダウン)</a> 6 <ul class="drawer-dropdown-menu"> 7 <li>リスト9-1</li> 8 <li>リスト9-2</li> 9 <li>リスト9-3</li> 10 </ul> 11 </li> 12 <!-- 省略 --> 13 <li>リスト14</li> 14</ul>
リスト9-1にul定義を入れましたが
リスト9をクリックすると子と孫のメニューが全部表示されて
リスト90-1をクリックすると、子と孫のメニューが全部隠れます。
リスト9をクリックすると、子メニューが開き
子メニューのリスト9-1をクリックすると孫メニューが開いてほしいです。
HTML
1<ul> 2 <li>リスト1</li> 3 <!-- 省略 --> 4 <li class="drawer-dropdown"> 5 <a href="#" data-toggle="dropdown">リスト9(プルダウン)</a> 6 <ul class="drawer-dropdown-menu"> 7 <li><a href="#" data-toggle="dropdown">リスト9-1</a> 8 <ul class="drawer-dropdown-item"> 9 <li>リスト90-1</li> 10 <li>リスト90-2</li> 11 <li>リスト90-3</li> 12 </ul> 13 </li> 14 <li>リスト9-2</li> 15 <li>リスト9-3</li> 16 </ul> 17 </li> 18 <!-- 省略 --> 19 <li>リスト14</li> 20</ul>
回答1件
あなたの回答
tips
プレビュー