点击「Rechercher」按钮时如何自动关闭折叠菜单？

嘿，这个问题其实很容易搞定～你已经在使用Bootstrap的折叠组件了，只需要给「Rechercher」按钮加个点击事件，触发折叠菜单的关闭动作就行。

具体修改步骤： #

1. 先确认你右侧折叠菜单的正确ID（比如你现有代码里的#navbar-collapse-second，如果实际不是这个要替换成真实ID）
2. 找到「Rechercher」按钮的选择器（可以是按钮的ID、类名，比如按钮的id="rechercher-btn"或者class="rechercher-btn"）
3. 在你的collapse.js里添加以下代码：

(function ($) {
  // 你已有的规则：展开第一个折叠菜单时隐藏第二个
  $('#navbar-collapse-first').on('show.bs.collapse', function () {
    $('#navbar-collapse-second').collapse('hide');
  });

  // 新增规则：点击「Rechercher」按钮时关闭右侧折叠菜单
  // 注意：把#rechercher-btn替换成你按钮的实际选择器
  $('#rechercher-btn').on('click', function() {
    // 替换成你右侧折叠菜单的真实ID
    $('#navbar-collapse-second').collapse('hide');
  });
})(jQuery);

关键说明： #

• collapse('hide')是Bootstrap折叠组件内置的方法，调用后会自动收起对应的折叠面板
• 一定要确保按钮和折叠菜单的选择器和你的HTML结构匹配，比如如果按钮用的是类，就把#rechercher-btn改成.rechercher-btn

这样修改后，当你点击「Rechercher」按钮时，右侧的折叠菜单就会自动关闭啦～

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