jQuery toggleClass example

Toggle class name on click in jQuery

HTML

<div class="menu-mobile">Мобильное меню</div>
<button class="menu-toggle">Клик</button>

CSS

.menu-mobile {
		width: 200px;
		height: 200px;
		background-color: #bbb;
		opacity: .3;
  	}

  	.menu-mobile_active {
  		opacity: 1;
  	}

JavaScript

$('.menu-toggle').click(function() {
  		$('.menu-mobile').toggleClass('menu-mobile_active');
  	});
  	
// Скрытие меню при клике на область помимо самого меню
$(document).mouseup(function(e) { // событие клика по веб-документ
  var div = $(".menu-mobile"); // тут указываем class элемента
  var toggle = $('.menu-toggle');
  if (!div.is(e.target) // если клик был не по нашему блоку
    &&
    !toggle.is(e.target) // и не по кнопке
    &&
    div.has(e.target).length === 0) { // и не по его дочерним элементам
    $(".menu-mobile").removeClass('menu-mobile_active');
		alert('Мобильное меню скрыто');
  }
});