Html 在基础5下拉内部下拉

我需要在现有下拉列表中添加第二个悬停下拉列表，所以当我打开第一个下拉列表并悬停某个特定选项时，它应该会打开第二个下拉列表，但它不会，它只会关闭第一个下拉列表

<强>如何在基础5中拥有嵌套的DROPBONS？< /强>

我的代码：

<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>

设置

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

---

据我所知，foundatio5中的“顶栏”导航可以帮助回答这个问题。但是我对html5中的嵌套下拉列表更感兴趣

您是否查看了中第一个示例的源代码？