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');
			}			
		});
	}));
});

Bill Erickson

Bill Erickson is the co-founder and lead developer at CultivateWP, a WordPress agency focusing on high performance sites for web publishers.

About Me
Ready to upgrade your website?

I build custom WordPress websites that look great and are easy to manage.

Let's Talk