Как закрыть коллапс, когда я нажимаю снаружи?

Question

У меня есть тема с Bootstrap 3, и я создал код для закрытия меню, когда я щелкаю снаружи.

В этом меню у меня есть поле ui-autocomplete. Проблема в том, что когда я выбираю результат в списке ui-autocomplete, меню закрывается. Я хочу, чтобы он оставался открытым.

(function ($, Drupal) {

  'use strict';

  $(document).click(function (event) {
    if (!$(event.target).is('.navbar-collapse *')) {
      $('.navbar-collapse').collapse('hide');
    }
  });

})(jQuery, Drupal);

Answer 1

Добавить .ui-autocomplete класс, чтобы избежать collapse на click тоже:

(function($, Drupal) {

  'use strict';

  $(document).click(function(event) {
    if (!$(event.target).is('.navbar-collapse *, .ui-autocomplete, .ui-autocomplete *')) {
      $('.navbar-collapse').collapse('hide');
    }
  });

})(jQuery, Drupal);

Редактировать: ответ отредактирован на основе комментариев.