下拉列表中的下拉列表

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中的嵌套下拉菜单