/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

9 votes354 views2 answers
Jquery find div with data attribute value
Javascript jQuery
2 votes418 views1 answer
How get last array value in jquery
Javascript jQuery
27 votes313 views4 answers
Jquery set input value
Javascript jQuery
10 votes400 views3 answers
How to change checkbox state in jquery
Javascript jQuery
0 vote343 views1 answer
How to change the color of error message in jquery validation
Javascript jQuery
2 votes359 views2 answers
Get jquery version from console
Javascript jQuery
0 vote367 views1 answer
Sample jquery
Javascript jQuery
9 votes372 views1 answer
JQuery children()
Javascript jQuery
29 votes407 views3 answers
How disable button jquery
Javascript jQuery
0 vote334 views2 answers
Get param from url jquery
Javascript jQuery