单击外部时如何关闭折叠？

Question

I have a theme with Bootstrap 3 and I created a code to close the menu when I click outside.

In this menu, I have an ui-autocomplete field. The problem is that when I select a result in the ui-autocomplete list, the menu closes. I want it to stay open.

(function ($, Drupal) {

  'use strict';

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

})(jQuery, Drupal);

Answer 1

Add .ui-autocomplete class to avoid collapse on click too:

(function($, Drupal) {

  'use strict';

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

})(jQuery, Drupal);

Edit: answer edited based on comments.