jQuery close menu auto close

Question

Создание мобильного меню и если пользователь нажимает на документ, а не меню, чтобы закрыть меню, если оно открыто. Проблема заключается в том, что при первом нажатии на открытие мобильного устройства он автоматически закрывается. Я изо всех сил пытаюсь заставить этот бит работать.

Код распознает щелчок, чтобы окно обнаружило правильное действие. Я просто пропустил один последний шаг, я думаю.

Кодекс:

$('.mobile-menu-button').click(function(e) { 
    e.preventDefault(); 
    $('.mobile-menu').slideToggle('slow'); 
}); 
// close on off click 
$(window).click(function(e){ 
    e.preventDefault(); 
    e.stopPropagation(); 
    if($('.mobile-menu').css("display") == 'block') { 
     $('.mobile-menu').slideToggle(); 
     console.log('click'); 
    } 
}); 

Благодаря

Answer 1

Вы можете использовать делегирование событий. Когда вы нажимаете «.mobile-menu», вы открываете его или закрываете, когда вы нажимаете в другом месте, вы только закрываете его.

$(window).on('click', function(e){ 
    e.preventDefault(); 
    if ($(e.target).hasClass('mobile-menu-button')) { 
     $('.mobile-menu').slideToggle('slow'); 
    } else { 
     $('.mobile-menu').css('display') === 'block' && $('.mobile-menu').slideUp(); 
    } 
}); 

простой пример на эту скрипку: https://jsfiddle.net/6e7atrmn/2/