Как свернуть меню кликнув по пустому пространству?

Question

[i_m]

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

Answer 1

[Антон Литвиненко]

Добавить оверлей, который будет появляться при активном меню и перекрывать все, кроме меню.
При клике на оверлей закрывать меню

$('.overlay').on('click', function(){
    $(this).fadeOut(250);
    menu.removeClass('active-menu');
  });

Comments

[i_m]

Спасибо
его определенно нужно куда то вставить?
т.к вставляю, не срабатывает ничего

[Антон Литвиненко]

i_m, можно гдето внутрь хедера

.menu-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(237, 73, 21, 0.4);
	z-index: 10;
}

[i_m]

Антон Литвиненко, да вы меня не поняли
этот кусок добавляю к скрипту, он не работает
да и как я понял, должен присутствовать div class="overlay"

[Антон Литвиненко]

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

[Антон Литвиненко]

https://jsfiddle.net/s3xfgcLm/

[i_m]

Антон Литвиненко, Спасибо огромное!