/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 vote336 views1 answer
Jquery bootstrap checkbox val
Javascript jQuery
0 vote333 views1 answer
Jquery add br in text
Javascript jQuery
0 vote347 views1 answer
How to click button programmatically in jquery
Javascript jQuery
0 vote292 views1 answer
Event handler attachment jquery
Javascript jQuery
0 vote312 views2 answers
Jquery from js
Javascript jQuery
0 vote311 views1 answer
Jquery listen for click on class that was created later
Javascript jQuery
2 votes318 views2 answers
Jquery number format thousand k
Javascript jQuery
0 vote330 views1 answer
Add set time out in jquery
Javascript jQuery
6 votes297 views1 answer
Jquery loop through li element
Javascript jQuery
10 votes300 views1 answer
Checkear jquery
Javascript jQuery