既存のドロップダウン内に 2 番目のホバー ドロップダウンが必要なので、最初のドロップダウンを開いて特定のオプションにカーソルを合わせると、2 番目のドロップダウンを開く必要がありますが、そうではなく、最初のドロップダウンを閉じるだけです。
Foundation 5 でドロップダウンをネストするにはどうすればよいですか?
私のコード:
<div data-dropdown="a" aria-expanded="false">Settings</div>
<ul id="a" class="f-dropdown" data-dropdown-content>
<li><a href="/">Option</a></li>
<li data-dropdown="b" data-options="is_hover:true">
<a>Option</a>
<ul class="f-dropdown" id="b">
<li><a href="#">Option</a></li>
<li><a href="#">Option</a></li>
<li><a href="#">Option</a></li>
</ul>
</li>
<li><a href="/">Option</a></li>
<li><a href="/">Option</a></li>
</ul>