jquery selecionar todos os elementos, exceto um div e seus filhos

Question

May 11, 2012, 03:13 PM

jquery selecionar todos os elementos, exceto um div e seus filhos

Eu tenho esse código html / css:

<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>

Eu estou tentando acionar uma função quando o usuário clica em todo o resto, exceto para o#sub_menu_area. Eu uso a seguinte parte do js:

<code>$('*').not('#submenu_area').click(function(){
        if(slide == "open"){
            $('#sliding_menu_area').toggle(effect);
            slide = "close";
        }
    });
</code>

Infelizmente, as crianças de alguma forma não são excluídas e, ao clicar, alternam várias vezes. Alguém sabe como fazê-lo corretamente ?! :)

EDITAR: Então, o que eu preciso é de um seletor de jquery para obter corretamente:on click of all elements of body EXCEPT for #submenu_area and its descendants.