Как удалить добавленный класс, при клике за его областью?

Question

[Romir78]

Есть такой код

$(document).ready(function(){
 $('#tel-list-trigger').click(function () {
 $("#contacts").toggleClass('shower');
 });
});

При клике добавляет/удаляет класс.
Что добавить, чтобы класс удалялся и при клике за его областью?

Answer 1

[Sashqa]

(function () {
	$(document).click(function(event) {
	    if ($(event.target).closest(".wrapper").length) return;
	    $("#contacts.active").removeClass("active");
	});

	$("#tel-list-trigger").click(function() {
	    $('#contacts').toggleClass("active");
	});
})();

Comments

[Romir78]

Спасибо. Но не работает, может я что-то не так делаю=(

Нашел другой вариант, полет отличный.

$(document).click(function (e){
		let drop = $('#contacts');
		if (!drop.is(e.target) && drop.has(e.target).length === 0) {
			drop.removeClass('shower')
		}
});

Полный код

$(document).ready(function(){
 $('#tel-list-trigger').click(function () {
 $("#contacts").toggleClass('shower');
 });
 $(document).click(function (e){
		let drop = $('#contacts');
		if (!drop.is(e.target) && drop.has(e.target).length === 0) {
			drop.removeClass('shower')
		}
});
});

Как думаете, такой код имеет право на существование?)