How does one close an overlay by clicking outside of the overlay?

Question

I have a jquery drop down that activates and deactivates when you click the header for the drop down

$j('#category_header').click(function() {
    $j('#category_dropdown').slideToggle("fast");
    return false;
});

but I want it to also close when I click anywhere on the page that isnt the drop down. How do I go about doing that?

Answer 1

Look at the answer for this question: http://stackoverflow.com/questions/152975/how-to-detect-a-click-outside-an-element

Answer 2

Got it

$j(function() {
    $j('body').click(function() {
        $j('#category_dropdown').slideUp("fast");
        return false;
    });

});