单击“搜索”时如何自动关闭折叠菜单？

Question

我在我的网站主题中创建了一个文件 collapse.js。效果很好。

在这个页面上：

https://www.s1biose.com/article

当我打开右侧的菜单并单击“Rechercher”操作按钮时，折叠菜单保持打开状态。

如何在点击“Rechercher”按钮时自动关闭折叠菜单？

该文件已经包含一些规则。

(function ($) {

  $('#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');
  })

  $('#navbar-collapse-first').on('show.bs.collapse', function () {
       $('body').addClass('overlay-is-navbar-collapse');
  });

  $('#navbar-collapse-first').on('hide.bs.collapse', function () {
       $('body').removeClass('overlay-is-navbar-collapse');
  });

  $('#navbar-collapse-second').on('show.bs.collapse', function () {
       $('body').addClass('overlay-is-navbar-collapse');
  });

  $('#navbar-collapse-second').on('hide.bs.collapse', function () {
       $('body').removeClass('overlay-is-navbar-collapse');
  });

})(window.jQuery);

<div data-drupal-selector="edit-actions" class="form-actions form-group js-form-wrapper form-wrapper" id="edit-actions">

研究人员

Answer 1

  $('#rechercher').on('click', function () {
       $('#navbar-collapse-second').removeClass('in');
  });

将 id rechercher 添加到您的按钮