/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 vote386 views2 answers
Get table row data jquery
Javascript jQuery
5 votes311 views1 answer
Jquery continue each loop
Javascript jQuery
0 vote267 views2 answers
Animated scroll to anchor without jquery
Javascript jQuery
0 vote346 views2 answers
Jquery on click remove parent div
Javascript jQuery
0 vote301 views1 answer
Jquery droppable allow what can be dropped
Javascript jQuery
0 vote306 views1 answer
How can I select all elements without a given class in jQuery?
Javascript jQuery
0 vote299 views2 answers
Onchange select dropdown jquery
Javascript jQuery
-1 vote289 views1 answer
Jquery view image in codeigniter
Javascript jQuery
2 votes338 views2 answers
Append before jquery
Javascript jQuery
0 vote298 views1 answer
Javascript check if variable is a jquery object
Javascript jQuery