Close/Hide an Element when you click anywhere on the page outside of that element
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;
});