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

Bill Erickson

Bill Erickson is a freelance WordPress developer and a contributing developer to the Genesis framework. For the past 14 years he has worked with attorneys, publishers, corporations, and non-profits, building custom websites tailored to their needs and goals.

Ready to upgrade your website?

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

Let's Talk