Question

我有一个bootstrap导航栏，我有5个li元素，下拉ul包含许多子元素。

我希望在您点击任何类别标题时同时显示它们以显示下拉菜单。因此，如果点击第一个li，我希望所有其余的下拉菜单也可以切换。

这将是我的代码的一个示例，我希望两个ul都有一个dropown菜单类来显示任何li类下拉列表是否被cicked：

<ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Category A</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Category B</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">A</a></li>
                            <li><a href="#">B</a></li>
                            <li><a href="#">C</a></li>
                        </ul>
                    </li>
</ul>

非常感谢！

Answer 1

这是一个适合您的解决方案。它是下拉列表中的覆盖引导事件，使用您自己的自定义代码。实际上，您只需捕获on('click')的{{1}}，然后遍历所有下拉列表以切换引导程序使用的开放类。

以下是帮助的示例代码。

https://codepen.io/Nasir_T/pen/ZJyBpw

希望这是您寻找的解决方案。

同时显示Bootstrap导航显示的所有下拉列表

1 个答案: