jquery offclick?

I have a 'li' that pops down when I click on开发者_Go百科 a 'link' via jquery's 'click'.

Does anyone know of a clean way to do something along the lines of 'offclick'? As in, when I click off of the element, it would hide the pop down?

Thanks! Matt

You would want to assign a click listener to the window and also assign the click listener to your link. Inside the link click listener, you'll want to stop the event propagation so it doesn't travel up the DOM tree and fire your window's click listener.

Something like this should do the trick:

$(window).click(function(){
  $('li#my_li').slideUp();
});

$('a#my_link').click(function(event){
    try
    {
        event.stopPropagation();
    }
    catch(err)
    {
        // IE does it this way
        window.event.cancelBubble=true;
    }
  $('li#my_li').slideDown();
});

I guess you could look at blur, which is called when the element looses focus: ref: http://api.jquery.com/blur/

You can use blur or focusout depending on your needs