/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

5 votes376 views2 answers
Jquery get version
Javascript jQuery
1 vote339 views1 answer
Jquery select option auto select
Javascript jQuery
11 votes294 views4 answers
Add div after div jquery
Javascript jQuery
5 votes316 views3 answers
Jquery disable all input form
Javascript jQuery
21 votes353 views5 answers
Jquery run after page load
Javascript jQuery
0 vote329 views1 answer
Get all data attributes jquery from multiple elements
Javascript jQuery
1 vote315 views1 answer
Jquery validator no space
Javascript jQuery
0 vote306 views1 answer
Jquery check scroll direction
Javascript jQuery
0 vote311 views1 answer
Jquery get cursor position
Javascript jQuery
0 vote333 views2 answers
Input search picture jquery
Javascript jQuery