如何在点击 "Search" 时自动关闭折叠菜单？

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 添加到您的按钮

如何在点击 "Search" 时自动关闭折叠菜单？

How to close the collapse menu automatically when I click on "Search"?

javascript

jquery

drupal

twitter-bootstrap

drupal-navigation