jquery выбирает все элементы, кроме div и его дочерних элементов

У меня есть этот код 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 и его потомков.

8
задан Dimitris Damilos 11 May 2012 в 13:45
поделиться