/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

1 vote309 views1 answer
Jquery remove br from div
Javascript jQuery
9 votes311 views3 answers
JQuery change href value
Javascript jQuery
0 vote318 views1 answer
JQuery hasClass() - check for more than one class
Javascript jQuery
0 vote294 views1 answer
Click anchor tag using jquery
Javascript jQuery
0 vote291 views1 answer
Validation for start date and end date in jquery
Javascript jQuery
0 vote312 views1 answer
On page fully loaded jquery
Javascript jQuery
0 vote270 views2 answers
Jquery parse html
Javascript jQuery
85 votes278 views5 answers
Jquery selector checked
Javascript jQuery
0 vote334 views1 answer
Jquery intermediate value eror
Javascript jQuery
0 vote371 views1 answer
Equivalent method load jquery with javascript
Javascript jQuery