Html 带有两个折叠菜单的导航栏

我用一个主题中给出的代码制作了一个导航栏，其中有两个折叠菜单，但当一个菜单处于活动状态，然后打开第二个菜单时，第二个菜单的折叠内容会添加到第一个菜单内容的末尾。当我们打开第二个菜单时，如何关闭另一个菜单

html{ 位置：相对位置； 最小高度：100%； } 身体{ 边缘底部：60px； } .页脚{ 位置：绝对位置； 底部：0； 宽度：100%； 高度：60px； 线高：60px； /*将文本垂直居中*/ 背景色：AD2D2D； }

---

添加折叠显示事件的处理程序，如下所示

$('#links').on('show.bs.collapse', function () {
  $('#account').collapse("hide");
})
$('#account').on('show.bs.collapse', function () {
  $('#links').collapse("hide");
})

---

你可以使用javascript