Jquery 引导-2个导航条处于活动状态

我在同一页中有两个水平导航栏。一个是主导航栏，顶部固定。第二个控制一个自定义手风琴，并放在它上面（不是固定的）

除了辅助导航栏按钮的活动状态外，任何操作都可以正常工作

JS：

<script>
  $("#nav1 a").on("click", function(){
   $("#nav1").find(".active").removeClass("active");
   $(this).parent().addClass("active");   
  });    
  $("#nav2 a").on("click", function(){
   $("#nav2").find(".active").removeClass("active");
   $(this).parent().addClass("active");
  });
</script>

$（“#nav1 a”）。在（“单击”，函数（）{
$（“#nav1”）.find（“.active”）.removeClass（“active”）；
$（this.parent（）.addClass（“活动”）；
});    
$（“#nav2 a”）。在（“单击”，函数（）{
$（“#nav2”）.find（“.active”）.removeClass（“active”）；
$（this.parent（）.addClass（“活动”）；
});

正如我告诉你的，“导航1”活动状态正常。问题是“导航2”

---

也许是这样的

$（'.collapse'）.on（'show.bs.collapse'，函数（e）{
$（'.collapse'）.not（this.removeClass（'in'）；
});
$（“[data toggle=collapse]”）。单击（函数（e）{
$（'[data toggle=collapse]'）。父（'li'）。removeClass（'active'）；
$（this.parent（'li'）.toggleClass（'active'）；
});
.navbar{
边缘底部：-1px；
边界半径：0；
}
#子菜单{
背景色：#e7e7e7；
边缘底部：20px；
}
.崩溃{
显示：无；
}
























将您的代码放到JSFIDLE上，或者至少提供您正在使用的HTML。