/Javascript/jQuery/Jquery on click outsile hide div

Jquery on click outsile hide div

$(document).mouseup(function(e) {
  var element = $(".searchbox-holder");

  // if the target element is not expected element
  if (!element.is(e.target) && element.has(e.target).length === 0) {
      element.fadeOut("slow");
  }
});

Outer click on div hide div in jqeury

<script>
$(document).mouseup(function(e){
    var container = $("#elementID");

    // If the target of the click isn't the container
    if(!container.is(e.target) && container.has(e.target).length === 0){
        container.hide();
    }
});
</script>

Source: codexworld.com

Similar codes

0 vote280 views1 answer
Manually set jquery text box
Javascript jQuery
1 vote255 views3 answers
Jquery reset select2
Javascript jQuery
0 vote235 views1 answer
Jquery check scroll direction
Javascript jQuery
1 vote265 views1 answer
JQuery UI Sortable, then write order into a database
Javascript jQuery
3 votes280 views6 answers
Jquery ajax post
Javascript jQuery
106 votes299 views6 answers
Jquery each
Javascript jQuery
0 vote278 views1 answer
Remove required attribute jquery mvc
Javascript jQuery
1 vote249 views1 answer
Jquery wait for all ajax requests to complete
Javascript jQuery
0 vote274 views2 answers
View my password jquery
Javascript jQuery
0 vote257 views1 answer
How to change the color of error message in jquery validation
Javascript jQuery