[Siend]

Спасибо, идею понял)

просто такая вот проблема возникла:
Есть выпадающий список, взят из примера (ссылка на пример). В примере при выборе пункта меню ничего не происходит, пока не кликнешь в сторону от меня, а я хочу добиться чтобы при нажатии на выпадающий пункт меню, все подменю скрывалось.

<ul class="menu">
	<li tabindex="0">
			<span class="helix_subfont">Выбранный пункт меню</span>
		<ul class="submenu helix helix_subfont">
			<li>Пункт меню</li>
			<li>Пункт меню</li>
			<li>Пункт меню</li>
		</ul>
	</li>
</ul>

.submenu {
  ...
  max-height: 0;
  pointer-events: none;
}

.menu > li:hover .submenu, .menu > li:focus .submenu {
  pointer-events: auto;
  max-height: 2000;
  ...
}

Я решил проблему на jquery:
$(".menu .submenu li").click(function(e) {
	$(".menu .submenu:hover").css({ "pointer-events": "none" });
});
$(".menu li").hover(function () {
	$(".menu .submenu").css({ "pointer-events": "auto" });
}, function () {});

Но решение на css было бы красивее и правильнее(