Как улучшить закрытие по клику вне блока?

Question

[lagudal]

Вопрос чисто экспериментальный.
Недавно натолкнулся на меню - реализовано на css, открытие -скрытие подменю - на чекбоксах. Справедливо замечание, что нормальным поведением является скрытие подменю не только по клику на родителя, но и по клику вне меню. Решил для себя поупражняться и добавить такую функциональность.
на ванильном js,

на jquery
Все работает, одно но.
Начиная с 7и по последний дочерние элементы первого уровня подменю начинают открываться слева, и клик справа от меню не закрывает открытое меню, поскольку затрагивает дочерний элемент — промежуточный список ul.
Несмотря на то, что все элементы списка сдвинуты влево, этот список занимает конкретную область, и клик по этой области воспринимается скриптом как клик по дочернему элементу.
Сходу что то не нашел решения - пока в голову пришло только по hth-child(n) именно этот список в исключения, но мне кажется, что это решение будет несколько громоздким, или?
Наверняка есть более простой выход. )

Answer 1

[Митя ТоДаСё]

$(document).mouseup(function (e) {
	var el= $('.el'); //какой-то отображаемый блок
	if (!el.is(e.target) || el.has(e.target).length !== 0) {
		//туда-сюда и закрыли
		return false;
	}
});

Comments

[lagudal]

если в таком виде - то получится по клику на дочерние будет закрывать, а это не надо.
Добавил в условие

if (!$('.navMenu').is(e.target) && $('.navMenu').has(e.target).length === 0 <b> || $('.navMenu li:nth-child(n+7) ul').is(e.target)</b>)

вроде работает...

[Митя ТоДаСё]

lagudal, эт уже на свое усмотрение...

[Kasum01]

Я слишком новичок, чтобы понять этот код

[lagudal]

Кстати говоря, не могу понять, почему вот это исключение - || $('.navMenu li:nth-child(n+7) ul').is(e.target)
работает, а в переводе в ванильный вариант - по тому же принципу -
if (!elem.contains(event.target) && isVisible(checkElement) || elemEx.contains(event.target)) {
где elemEx есть элемент выбранный по селектору '.navMenu li:nth-child(n+7) ul' - не работает...