如何自定义菜单折叠？双折叠菜单提交按钮精准控制需求

你已经把两个折叠菜单的互斥展开逻辑处理得很到位了，现在只需要调整表单提交按钮的点击行为就能实现精准需求啦，具体步骤如下：

1. 保留原有的互斥展开逻辑（无需改动） #

这部分逻辑运行正常，继续保留即可，确保两个菜单始终只有一个处于展开状态：

// 第一个菜单展开时，自动关闭第二个
$('#navbar-collapse-first').on('show.bs.collapse', function() {
  $('#navbar-collapse-second').collapse('hide');
});

// 第二个菜单展开时，自动关闭第一个
$('#navbar-collapse-second').on('show.bs.collapse', function() {
  $('#navbar-collapse-first').collapse('hide');
});

2. 修改表单提交按钮的点击事件 #

把原来点击按钮时同时关闭两个菜单的代码，改成仅关闭第一个菜单：

$('.form-submit').on('click', function() {
  // 只执行第一个折叠菜单的关闭操作，第二个保持当前状态
  $('#navbar-collapse-first').collapse('hide');
});

这样修改后，当你点击.form-submit按钮时，只会收起#navbar-collapse-first，#navbar-collapse-second会维持它当前的展开/收起状态，同时两个菜单之间的互斥展开逻辑依然正常生效。

内容的提问来源于stack exchange，提问作者8eb8a07c