/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 vote261 views1 answer
Jquery append img to div
Javascript jQuery
6 votes249 views5 answers
How to disable option after select using jquery
Javascript jQuery
2 votes233 views2 answers
Why we use $ in jquery
Javascript jQuery
0 vote236 views1 answer
Assigned property delete in jquery
Javascript jQuery
0 vote224 views1 answer
Jquery.js:10363 Uncaught TypeError: url.indexOf is not a function
Javascript jQuery
1 vote239 views1 answer
CountTo add commas to number jquery
Javascript jQuery
-2 votes236 views3 answers
Select and select based on value in jquery
Javascript jQuery
0 vote255 views1 answer
Jquery find selected option by class
Javascript jQuery
0 vote235 views1 answer
Createelement and set prop attr jquery
Javascript jQuery
1 vote235 views2 answers
Jquery remove focus from all elements
Javascript jQuery