materialize cssを使用してサブドロップダウンを追加するにはどうすればよいですか？

私はコード以下のCSSクラスのドロップダウン・content.Butを実体使用して、サブドロップダウンを作りたいが動作していません。materialize cssを使用してサブドロップダウンを追加するにはどうすればよいですか？

<a class='dropdown-button btn' href='#' data-activates='dropdown1' data-beloworigin="true">Drop1!</a> 
<ul id='dropdown1' class='dropdown-content'> 
    <li><a href="#!">item1</a></li> 
    <li><a href="#!">item2</a></li> 
    <li id="drop2" ><a class='dropdown-button2 d' href='#' data-hover="hover" data-alignment="left">dropagain</a></li> 
</ul> 
<ul id="drop2" class='dropdown-content'> 
    <li><a href="#!">Item3</a></li> 
    <li><a href="#!">Item4</a></li> 
</ul>

出典

2017-12-11 pooja_agrawal

を、あなたが取得し、どのようなエラーログ/文ですしているか、期待しているものを追加してください生成されます。「うまくいきません」というのは誰もが手助けをするには広すぎます。 – suvartheec

[Materializeのネストされたドロップダウン]の可能な複製（https://stackoverflow.com/questions/32738599/nested-dropdowns-in-materialize） –

.dropdown-content { 
    overflow-y: visible; 
} 

.dropdown-content .dropdown-content { 
    margin-left: 100%; 
} 



<a class='dropdown-button btn' href='#' data-activates='dropdown1' data-beloworigin="true">Drop1!</a> 
<ul id='dropdown1' class='dropdown-content'> 
    <li><a href="#!">item1</a></li> 
    <li><a href="#!">item2</a></li> 
    <li id="drop2" ><a class='dropdown-button2 d' href='#' data-hover="hover" data-alignment="left">dropagain</a></li> 
</ul> 
<ul id="drop2" class='dropdown-content'> 
    <li><a href="#!">Item3</a></li> 
    <li><a href="#!">Item4</a></li> 
</ul>

出典

2017-12-11 13:39:45

答えて

関連する問題