javascript 单击外部元素时关闭元素

Posted 2021-05-03

jQuery('.navPages-item').each(function(index, element) {
   jQuery(this).children('.navPages-action.has-subMenu').click(function(e) {
       //e.preventDefault();
       
       jQuery(this).toggleClass('is-open');
       jQuery(this).attr('aria-expanded', function (i, attr) {
           return attr == 'true' ? 'false' : 'true';
       });
       jQuery(this).next('.navPage-subMenu').toggleClass('is-open');
       return false;
   });
});

jQuery(document).click(function(e) {
   if ( jQuery(e.target).closest('.is-open').length === 0 ) {
       jQuery('.is-open').removeClass('is-open');
       jQuery('.account_open').removeClass('account_open');
   }
});

jQuery('.mobileMenu-toggle').click(function() {
    jQuery('body').toggleClass('has-activeNavPages');
    jQuery('header').toggleClass('is-open');
    jQuery(this).toggleClass('is-open');
    jQuery('.navPages-container').toggleClass('is-open');
});


jQuery('.navUser-action.navUser-action--quickSearch').click(function() {
   setTimeout(function(){
       jQuery('#quickSearch').toggleClass('is-open f-open-dropdown');
   }, 1);
});

jQuery('.navUser-item.navUser-item--account .navUser-action.has-dropdown').click(function() {
   setTimeout(function(){
    //    jQuery(this).toggleClass('is-open');
       jQuery('#userSelection').toggleClass('is-open f-open-dropdown account_open');
   }, 1);
   return false;
});