/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

55 votes160 views5 answers
Jquery reload page
Javascript jQuery
0 vote157 views2 answers
Jquery: return true or false if the element is present in the DOM or not
Javascript jQuery
0 vote161 views1 answer
Jquery slideshow autoplay
Javascript jQuery
0 vote169 views1 answer
Check fpr multiple values in an array jquery
Javascript jQuery
0 vote162 views2 answers
Jquery OR operation
Javascript jQuery
0 vote159 views1 answer
Jquery autocomplete bootstrap modal
Javascript jQuery
11 votes182 views4 answers
Data-dismiss= modal in jquery
Javascript jQuery
2 votes172 views1 answer
Remove add event listener jquery
Javascript jQuery
0 vote168 views1 answer
Jquery method
Javascript jQuery
0 vote154 views1 answer
Go to page jquery
Javascript jQuery