Question

i have a problem with this script:
http://jsfiddle.net/bZw83/

It toggles a tab with language selection in or out the screen if a click occurs inside the tab.
Now i’m stuck, i tried to write a function that toggles the tab out of the screen if the click is outside the tab usin something like

$('html').click(function() {...});

but i cannot exclude the area of the tab from firing the event.
I tried using event.stopPropagation() but i’ not able to achieve the goal :-/

Can someone help me figure this out?

Thank you very much

Answer 1

You can create a handler for the document, and then check if it the #navigation or a child of it.

Seee: http://jsfiddle.net/bZw83/1/

$(document).click(function(e) {
    $target = $(e.target);
    var is = $target.is('#navigation');
    var isChild = $target.parents('#navigation').length;

    if(!(is) && !(isChild)) {
        $('a', $(this)).stop().animate({
            'marginLeft': '-44px'
        }, 200);
        stato = "chiuso";
    }
});