html - Foundation 5中下拉菜单中的下拉菜单

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

据我说，Foundatio 5 中的“顶部栏”导航可以帮助回答这个问题。