/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 vote141 views1 answer
Smooth Scrolling' to Anchor Links With Jquery
Javascript jQuery
9 votes134 views2 answers
JQuery checkbox changed event
Javascript jQuery
1 vote131 views1 answer
Show hide more text jquery
Javascript jQuery
0 vote164 views1 answer
What is code.jquery integrity crossorigin
Javascript jQuery
1 vote137 views1 answer
Remove tr having delete icon inside jquery
Javascript jQuery
1 vote123 views1 answer
Jquery check if string contains specific word
Javascript jQuery
1 vote144 views2 answers
Jquery show hide based on data attribute
Javascript jQuery
3 votes150 views3 answers
Jquery empty
Javascript jQuery
0 vote132 views1 answer
Jquery if in page
Javascript jQuery
0 vote127 views2 answers
Jquery parse html
Javascript jQuery