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

Уже и 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');
    })
});

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

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