下拉列表中的下拉列表

Question

我需要在現有下拉列表中選擇第二個懸停下拉列表，因此當我打開第一個下拉列表並將鼠標懸停在某個特定選項上時，它應該打開第二個下拉列表，但它不會，它只會關閉第一個下拉列表。

如何在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> 

Answer 1

好。我也很想知道這件事。

根據我的「Top Bar」導航foundatio5可以幫助回答這個問題。但我更感興趣的是html5中的嵌套下拉菜單