Какой селектор для закрытия меню
Доброе время суток всем.
Написал простенький скрипт выпадающего меню. Теперь стоит задача как закрыть это меню при клике в любой части страницы, но не включая сам блок выпадающего меню. Не понятно какой селектор указать в обработчике. Пробую $("html body"), тогда меню закрывается в любой точке страницы, даже если я кликаю в область самого меню. Пробую $("html body, :not(.leftLink .locationMenu *)"), то же самое - меню закрывается даже если кликнуть в его область. Но мне нужно, что бы оно закрывалось при клике в любой области страницы, кроме кроме области самого меню $(".leftLink .locationMenu") Подскажите пожалуйста как решить задачу. |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
ul li {
cursor: pointer;
}
div {
display: none;
}
</style>
</head>
<body>
<ul>
<li>Item
<div class="hide">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime expedita ullam, labore sunt quidem ducimus! Quisquam quas autem at odit eum. Hic nostrum, sint quibusdam doloribus voluptate cumque veritatis temporibus.</div>
</li>
</ul>
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script>
$('ul').on('click', 'li', function() {
$('div').show();
});
$(document).click(function(event) {
if (event.target.tagName == 'LI' ||
event.target.tagName == 'DIV') return;
$('div').hide();
});
</script>
</body>
</html>
|
|
Цитата:
|
| Часовой пояс GMT +3, время: 12:30. |