/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 vote258 views1 answer
Check if class is active jquery
Javascript jQuery
0 vote298 views1 answer
Terminate execution in jquery
Javascript jQuery
4 votes292 views3 answers
Jquery toggle text on click
Javascript jQuery
4 votes308 views3 answers
Jquery change label content
Javascript jQuery
0 vote285 views1 answer
Jquery random color array
Javascript jQuery
0 vote297 views1 answer
Error message remove after checkbox fill in jquery
Javascript jQuery
-1 vote280 views2 answers
Get specific parent element jquery
Javascript jQuery
0 vote282 views1 answer
Jquery if element appears
Javascript jQuery
0 vote284 views2 answers
Jquery: get checkbox from each row of the table and select it
Javascript jQuery
91 votes305 views6 answers
Jquery find
Javascript jQuery