Search:

For example:

$("body").click(function(event){

if($(event.target).is('your modal window id')) {
return false;
}

//hide or close the overlay+modal function here

Not a problem!

So either the user has to actively do something, in order to execute the function that hides the element in your script, or it somewhat gets executed automatically without any user...

Can you explain after what action your div gets hidden/visible? For example, if you click on this element, and it hides, you can use:

$(element).on("click", function(){
//if visible, do something...