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

Question

[DeniSidorenko]

Привет, есть скрипт которая вызывает попап окно, как мне сделать что бы при клике на пустое пространство она убиралась, или же при повторном клике. Использует jquery UI но думаю это не столь важно

$('.auth-login__yes').on('click',function(){
	$('.login-user').show("slide", { direction: "left" }, 1000);
});

Answer 1

[DeniSidorenko]

Нашел решение.
Кому интересно будет

$(document).mouseup(function (e){ // событие клика по веб-документу
		var div = $(".login-user"); // тут указываем ID элемента
		if (!div.is(e.target) // если клик был не по нашему блоку
		    && div.has(e.target).length === 0) { // и не по его дочерним элементам
			div.hide("slide", {direction: "left"} , 1000);
		}
	});

Answer 2

[Igor Koch]

https://jsfiddle.net/flatiron_school/zs6x9eja/
Фон за окном можно сделать прозрачным