/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 vote351 views1 answer
Onswitch from tab do something jquery
Javascript jQuery
0 vote331 views1 answer
Uncaught ReferenceError: jQuery is not defined at (index): "405"
Javascript jQuery
0 vote349 views1 answer
Iframe content zoom in and zoom out jquery
Javascript jQuery
1 vote355 views1 answer
Jquery get label from select
Javascript jQuery
9 votes315 views3 answers
Animate jquery
Javascript jQuery
4 votes371 views3 answers
Jquery get selected checkboxes
Javascript jQuery
0 vote351 views1 answer
Jquery get date from datepicker
Javascript jQuery
40 votes316 views4 answers
Jquery add
Javascript jQuery
5 votes326 views6 answers
Jquery remove style
Javascript jQuery
2 votes273 views1 answer
Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript electron
Javascript jQuery