diff --git a/assets/_src/js/ascribe.js b/assets/_src/js/ascribe.js index 9475952..2f379b8 100644 --- a/assets/_src/js/ascribe.js +++ b/assets/_src/js/ascribe.js @@ -75,7 +75,28 @@ function stickyNav() { function mobileNav() { - $('.hamburger').click(function() { - $('.mobile-nav').toggleClass('active'); + $('.hamburger').click(function(e) { + e.preventDefault(); + + var popup = $('.mobile-nav'); + + // toggle popup + popup.toggleClass('active'); + + // bind the hide controls + $(document).bind('click.hidepopup', function() { + // hide popup + popup.removeClass('active'); + // unbind the hide controls + $(document).unbind('click.hidepopup'); + }); + + // dont close thepop when you click on thepop + popup.on('click', function(e) { + e.stopPropagation(); + }); + + // and dont close thepop now + e.stopPropagation(); }); }