JQuery wählt alle Elemente mit Ausnahme eines Div und seiner untergeordneten Elemente aus
Ich habe diesen HTML / CSS-Code:
<code><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> </code>
Ich versuche eine Funktion auszulösen, wenn der Benutzer auf alles andere klickt, außer auf#sub_menu_area
. Ich benutze den folgenden Teil von js:
<code>$('*').not('#submenu_area').click(function(){ if(slide == "open"){ $('#sliding_menu_area').toggle(effect); slide = "close"; } }); </code>
Leider sind die Kinder irgendwie nicht ausgeschlossen und beim Klicken schaltet es oft um. Weiß jemand, wie man es richtig macht ?! :)
BEARBEITEN: Also, was ich brauche, ist ein JQuery-Selector, um richtig zu werden:on click of all elements of body EXCEPT for #submenu_area and its descendants
.