/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

8 votes126 views3 answers
Jquery text replace
Javascript jQuery
1 vote121 views1 answer
How to get selected value of dynamically created dropdown in jquery
Javascript jQuery
99 votes152 views6 answers
Jquery checkbox checked value
Javascript jQuery
0 vote140 views1 answer
Jquery return normal element
Javascript jQuery
2 votes126 views2 answers
Add readonly attribute jquery
Javascript jQuery
28 votes132 views6 answers
Jquery get data attribute value
Javascript jQuery
0 vote137 views1 answer
How to change the font family using jquery
Javascript jQuery
0 vote133 views2 answers
How to assign bootstrapswitch using jquery
Javascript jQuery
27 votes123 views6 answers
Jquery on input
Javascript jQuery
1 vote124 views2 answers
Number_format in jquery
Javascript jQuery