denn70

В результате придумал только такой способ, чтобы можно было закрывать по клику в любом месте и по крестику заодно

<script type='text/javascript'>
$(window).load(function(){
$("#mobile-menu-toggle").click(function(){ // - при клике по кнопке
   $(".container").toggleClass("open-sidebar"); // - Основной контейнер сдвигается вправо на 240px
   $("#sidebar").toggleClass("open");// - меню сдвигается вправо на 240px и появляется)

});

$('.container').on('click',function(){ // - при клике по любому месту основного контейнера сайта
$('.container').removeClass('open-sidebar'); // - Основной контейнер отьезжает назад на 240px
$("#sidebar").removeClass("open"); // - меню отьезжает на 240px назад и прячется)
});

$(".close").click(function(){ // - закрытие по крестику
   $(".container").removeClass("open-sidebar");
  $("#sidebar").removeClass("open");

});
});

</script>