After clicking anywhere close menu?

Asked Nov 04 '15 at 15:14

Active Nov 04 '15 at 18:51

Viewed 54 times

this is the jQuery I use for my mobile navigation, what I am trying to do is make the menu close again after clicking anywhere. So that when I visit a intern link it does not stay open. Can anyone please help me? Thanks for your time.

(function ($) {
  var $mobileNavToggleBtn = $('.mobile-nav-toggle');

  function onBtnClick (e) {
    var $this = $(this),
        $selectors = $('.mobile-nav');

    $this.toggleClass('is-open');
    $selectors.toggleClass('is-open');
  }

  $(document).ready(function () {
    $mobileNavToggleBtn.on('click', onBtnClick);
  });
})(jQuery);

edited Nov 04 '15 at 18:51

asked Nov 04 '15 at 15:14

Cylion

you should watch for blur event. when the div loses focus you should toggle `is-open` class. – morels Nov 04 '15 at 15:19
I am sorry, but I am new to this what do you mean? How should I do that? – Cylion Nov 04 '15 at 15:20
please see: http://stackoverflow.com/questions/5337828/hide-a-div-when-it-loses-focus-blur – morels Nov 04 '15 at 15:22
I am a pain I know but your link does not Work. – Cylion Nov 04 '15 at 15:24
Nvm I got it, Will try it now. – Cylion Nov 04 '15 at 15:24
So if I get it right by adding the following, it should work right? But it does not. $(document).not(".mobile-nav").click(function() { $('.mobile-nav').hide(); }); – Cylion Nov 04 '15 at 15:30

After clicking anywhere close menu?

0 Answers0