/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

24 votes149 views4 answers
Jquery scroll to element id
Javascript jQuery
4 votes141 views1 answer
Change background colour jquery
Javascript jQuery
0 vote147 views1 answer
Jquery ui dialog position fixed center
Javascript jQuery
2 votes148 views2 answers
JQuery slider
Javascript jQuery
0 vote165 views1 answer
Jquery force page to reload on viewport resize
Javascript jQuery
0 vote140 views1 answer
How contvert array to string like implode in jquery
Javascript jQuery
100 votes210 views6 answers
Jquery check if checkbox is not checked
Javascript jQuery
0 vote148 views1 answer
How to call function on every keypress in jquery
Javascript jQuery
33 votes139 views3 answers
Jquery preventdefault
Javascript jQuery
10 votes160 views2 answers
Jquery clear file input
Javascript jQuery