У меня есть этот код html/css:
<body>
<!-- BEGIN: HEADER AREA -->
<?php require("snippets/header_area.php"); ?>
<!-- END: HEADER AREA -->
<div id = "presentation_area">
<div id = "submenu_area">
<div id = "sliding_menu_area">
</div>
<div id = "tags">
<div id = "1">
<img src = "lang/el/images/1.png" />
</div>
<div id = "2">
<img src = "lang/el/images/2.png" />
</div>
<div id = "3">
<img src = "lang/el/images/3.png" />
</div>
<div id = "4">
<img src = "lang/el/images/4.png" />
</div>
</div>
</div>
</div>
</body>
Я пытаюсь вызвать функцию, когда пользователь нажимает на все остальное, кроме #sub_menu_area
. Я использую следующую часть js:
$('*').not('#submenu_area').click(function(){
if(slide == "open"){
$('#sliding_menu_area').toggle(effect);
slide = "close";
}
});
К сожалению, дети каким-то образом не исключаются, и при щелчке он переключается много раз. Кто-нибудь знает, как это сделать правильно?! :)
РЕДАКТИРОВАТЬ:
Итак, мне нужен селектор jquery для правильного получения: при щелчке всех элементов тела, ЗА ИСКЛЮЧЕНИЕМ для #submenu_area и его потомков
.