From 0f51def0d788dce20a5ddccc667e7f783635ebff Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Tue, 2 Feb 2016 22:12:40 +0100 Subject: [PATCH] improved mobile menu js, fixes #32 --- assets/_src/js/ascribe.js | 25 +++++++++++++++++++++++-- 1 file changed, 23 insertions(+), 2 deletions(-) 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(); }); }