/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 vote206 views1 answer
Jquery elements to json
Javascript jQuery
21 votes202 views6 answers
Jquery change selected option
Javascript jQuery
21 votes256 views2 answers
Refresh page on button click jquery
Javascript jQuery
3 votes238 views2 answers
Jquery wait for element to load
Javascript jQuery
6 votes286 views3 answers
Get value of selected checkbox jquery
Javascript jQuery
0 vote197 views1 answer
Toggle attribute jquery
Javascript jQuery
61 votes210 views4 answers
Jquery redirect
Javascript jQuery
0 vote196 views1 answer
Scroll to class jquery
Javascript jQuery
6 votes190 views6 answers
Set label text in jquery
Javascript jQuery
0 vote241 views1 answer
Jquery remove all options but first
Javascript jQuery