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

好。我也有兴趣了解这一点。

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

在基金会5的下拉列表中下拉

1 个答案: