Close item when clicking elsewhere

Active item has a class of “active”. If an item is active and you then click outside of it, the “active” class is removed. Modify the array of containers to match all elements you’d like to target.

jQuery(function($){
$(document).on('mouseup touchend', (function(e){
containers = [ '.nav-primary .menu-item.follow.active', '.nav-primary .menu-item.search.active'];
$.each( containers, function( key, container ){
var item = $(container);
if( ! item.is(e.target) && item.has(e.target).length === 0 ) {
item.removeClass('active');
}
});
}));
});
view raw global.js hosted with ❤ by GitHub

javascript