使用外部按钮切换导航栏下拉菜单

Question

我正在使用引导导航栏，并且在其上有一个下拉列表。那里一切正常。我现在需要的是页面上的第二个单独按钮，也可以切换所述下拉菜单。

我设法使用外部按钮切换下拉菜单，但是当我与实际的下拉按钮互动时，辅助按钮停止工作。

$(document).on("click","#servicesBtn",function(){         
   $(".servicesDropdown").toggleClass("show");
   $("#navbarDropdown").attr("aria-expanded", "true");
})

这是我用来实现下拉菜单切换的代码。与主下拉按钮交互后，我注意到辅助按钮没有将必要的类添加到dopdown中以进行切换。在chrome开发工具中，它显示闪烁，好像正在更改，但未添加任何类。

我如何做到这两个下拉切换器一起工作，而又不会破坏另一个？

解决方案：

我找到了解决方案。这是通过外部按钮触发下拉菜单的方法：$('.servicesDropdown').find('[data-toggle=dropdown]').dropdown('toggle'); 请注意，.servicesDropdown是一个自定义类，位于下拉列表周围的div中。

所有功劳归于this线程