Как спрятать окно при клике вне его JQuery?

Question

[Илья Филонов]

Есть выпадающее меню с классом .menu-mobile, которое скрыто bootstrap-классом d-none.
Открывается по клику на .button.
Проблема в том, чтобы скрыть его:

а) При клике на любую ссылку меню.
b) При клике где угодно

Написал вот такой JQ-код, но он позволяет открыть по клику на .button и закрыть по клику на .button или любому элементу меню с классом .m-nav-link.

$('.button, .m-nav-link').click(function() {
		$('.menu-mobile').toggleClass('d-none');
	});

Как сделать, чтобы так же закрывалось и при клике по любому месту кроме div'a с классом .menu-mobile?

Answer 1

[Сергей Пантелеев]

https://codepen.io/anon/pen/XwxOaY

$(document).on('click', function(e) 
{
    var container = $('.menu-mobile');
    if (!container.is(e.target) && container.has(e.target).length === 0) 
    {
        container.hide();
    }
});

Comments

[Илья Филонов]

А как при этом сохранить открытие по .button'у? Просто рядом ставить?

[Сергей Пантелеев]

Илья Филонов, да, попробуйте, если не получится, выложите, пожалуйста, пример верстки и скрипта, например, на codepen или jsfiddle

Answer 2

[Tikich]

Готовое модальное окно с функцией закрытия, при нажатии вне окна - prog-time.ru/modalnoe-okno-na-chistom-javascript-p...