/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

19 votes214 views2 answers
Jquery modal on show + target button
Javascript jQuery
1 vote229 views1 answer
How to get text which is in input td using jquery
Javascript jQuery
5 votes229 views4 answers
Hide bootstrap modal jquery
Javascript jQuery
2 votes199 views2 answers
Jquery cast to string
Javascript jQuery
1 vote195 views1 answer
Open submenu jquery
Javascript jQuery
0 vote219 views1 answer
How to make html with jquery
Javascript jQuery
0 vote230 views1 answer
Disable copy past jquery
Javascript jQuery
7 votes218 views1 answer
Jquery wait n seconds
Javascript jQuery
0 vote229 views1 answer
Jquery textarea autosize
Javascript jQuery
8 votes200 views4 answers
Jquery select element with class
Javascript jQuery