jquery hide div on click outside code example
Example 1: if clicked outside of div jquery
$(document).mouseup(function(e)
{
var container = $("YOUR CONTAINER SELECTOR");
if (!container.is(e.target) && container.has(e.target).length === 0)
{
container.hide();
}
});
Example 2: outer click on div hide div in jqeury
<script>
$(document).mouseup(function(e){
var container = $("#elementID");
if(!container.is(e.target) && container.has(e.target).length === 0){
container.hide();
}
});
</script>
Example 3: use jQuery to hide a div when user clicks outside of the div
$(document).mouseup(function(e)
{
var container = $("YOUR CONTAINER SELECTOR");
if (!container.is(e.target) && container.has(e.target).length === 0)
{
container.hide();
}
});