Скрытие элемента при клике вне его

$(function() { 
 
  $('.header__nav-item').click(function() { 
    if (window.innerWidth > 1150) { 
      let overlay = $('.overlay'); 
 
      $('.header__bottom-hover-menu.active, .header__top, .header__bottom').removeClass('active'); 
      $('.header__nav-item > a.active').removeClass('active'); 
      overlay.removeClass('active'); 
 
      if ($(this).find('.header__bottom-hover-menu').length > 0) { 
        $('a.submenu').addClass('active'); 
        $('.header__top, .header__bottom').addClass('active'); 
        overlay.addClass('active'); 
      } 
    } 
  }, function() { 
    if (window.innerWidth > 1150) { 
      $('.header__bottom-hover-menu.active, .header__top, .header__bottom').removeClass('active'); 
      $('.overlay').removeClass('active'); 
      $('.header__nav-item > a.active').removeClass('active'); 
 
      $('.header__hover-list-item.active').removeClass('active'); 
      $('.header__hover-tab.active').removeClass('active'); 
 
      $(this).find('.header__bottom-hover-menu').addClass('active'); 
      $('.header__hover-list-item[data-tab="1"]').addClass('active'); 
      $('.header__hover-tab[data-tab="1"]').addClass('active'); 
    } 
    return false 
  }); 
  $(document).on('click', function(e) { 
    var myDiv = $(".header__bottom-hover-menu"); 
    if (!myDiv.is(e.target) && myDiv.has(e.target).length === 0) { 
      $('.header__bottom-hover-menu').hide(); 
    } 
  }) 
});