基础 5 中的下拉列表中的下拉列表

Question

我需要在现有下拉列表中进行第二个悬停下拉列表，因此当我打开第一个下拉列表并将鼠标悬停在特定选项上时，它应该打开第二个下拉列表，但它没有，它只是关闭第一个下拉列表。

如何在基础 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中的"Top Bar"导航可以帮助回答这个问题。