Question

Anyone know how I can have a link which when clicked slides down a div, then the div slides back up when anywhere outside the div is clicked ?

Thnx in advance.

Scott.

Answer 1

Try this:

$(".clicker").click(function(e) {
    e.preventDefault();
    e.stopPropagation();
    // do your worst, i.e. slide down
    $("div").slideDown("slow");
});

$(document).click(function() {
    // slide up
    $("div").slideUp("slow");
});

And just to make sure the div is not affected either:

$("div").click(function(e) {
    e.preventDefault();
    e.stopPropagation();
});