Как сделать меню которе по кнопке вызывается, а при тыке на тело(body) уходит?

Question

[akselian]

Уже и toggle(slide) и toggleClass попробовал и разные варианты помогите плез.

Кнопке с классом .material-menu-button кликаешь на неё на мобилке появляется меню, чтобы меню убрать, есть только body область. но почему то не работает

всё не то

$(document).ready(function(){
  $('.material-menu-button').click(function(){
    $('.material-menu-wrapper').addClass('view-mobile');
    })
});
$(document).ready(function(){
  $('body').click(function(){
    $('.material-menu-wrapper').removeClass('view-mobile');
    })
});

Я сделал спасибо)
А я решил это вопрос добавление ещё одного блока, позади меню, на всю ширину экрана. и при нажатии на него убирается меню)

Там есть более продвинутый вариант в решении)

Comments

[akselian]

А я решил это вопрос добавление ещё одного блока, позади меню, на всю ширину экрана. и при нажатии на него убирается меню)

[Максим]

akselian, так два клика получается

Answer 1

[Максим]

Как закрывать выпадающее меню при клике вне его самого?