Question

I am wondering how should I hide a drop down list by clicking on anywhere in page, I want same function like select field (<select></select>) do, if we open any select field and then click anywhere in page it pop back.

Let me know if my question is not clear.

Thanks.

Answer 1

var mouse_is_inside = false;

$(document).ready(function()
{
    $('.form_content').hover(function(){ 
        mouse_is_inside=true; 
    }, function(){ 
        mouse_is_inside=false; 
    });

    $("body").mouseup(function(){ 
        if(! mouse_is_inside) $('.form_wrapper').hide();
    });
});

Stolen from Use jQuery to hide a DIV when the user clicks outside of it