(function($) { "use strict" $(document).click(function(event) { if (!$(event.target).closest($('#nav-aside')).length) { if ($('#nav-aside').hasClass('active')) { $('#nav-aside').removeClass('active'); $('#nav').removeClass('shadow-active'); } else { if ($(event.target).closest('.aside-btn').length) { $('#nav-aside').addClass('active'); $('#nav').addClass('shadow-active'); } } } }); $('.nav-aside-close').on('click', function() { $('#nav-aside').removeClass('active'); $('#nav').removeClass('shadow-active'); }); })(jQuery);