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

时间:2018-03-18 05:49:35

标签: javascript jquery twitter-bootstrap drupal drupal-navigation

我在我的网站主题中创建了一个文件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);

enter image description here

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

    Rechercher

1 个答案:

答案 0 :(得分:0)

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

将id rechercher添加到按钮