/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 vote157 views1 answer
Add background image to div using jquery
Javascript jQuery
4 votes136 views2 answers
Jquery data
Javascript jQuery
0 vote142 views1 answer
Add color to attribute using jquery
Javascript jQuery
7 votes147 views5 answers
Jquery trigger change event
Javascript jQuery
0 vote105 views1 answer
JQMIGRATE: jQuery.fn.keyup() event shorthand is deprecated
Javascript jQuery
0 vote138 views2 answers
Jquery remove closest
Javascript jQuery
0 vote167 views1 answer
Jquery read dropdown in table cell
Javascript jQuery
0 vote142 views1 answer
Wordpress load latest jQuery
Javascript jQuery
55 votes149 views5 answers
Refresh div jquery
Javascript jQuery
2 votes140 views1 answer
Jquery datatable get data array
Javascript jQuery