How to close jQuery Tools Overlay on click, no matter where?

Question

I've added the Overlay effect of jQuery Tools to my site, using the "Minimum Setup". Unfortunately when the user wants to close it, he must target this tiny circle on the upper right. Usability suffers this way. It would be far better if the user could simply click anywhere to close it.

Can I modify or add some code so it would close the overlay no matter where to user clicks? Or maybe when he clicks outside of the overlay? I couldn't find any notes on that in the docs.

Answer 1

Try (quick and dirty):

$(document).click(function(){
    $('.simple_overlay:visible .close').click();
});

Answer 2

Or maybe when he clicks outside of the overlay?
Check the docs ('Configuration' part):

closeOnClick (default: true)
By default, overlays are closed when the mouse is clicked outside the overlay area. Setting this property to false suppresses this behaviour which is suitable for modal dialogs.

I.e., this functionality is already enabled by default. If it's not working, you might want to show us your overlay configuration.