/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

1 vote185 views1 answer
Jquery setinterval clear after first attempt
Javascript jQuery
0 vote171 views1 answer
How to print form data in jquery
Javascript jQuery
0 vote186 views1 answer
Jquery get value name uploaded file
Javascript jQuery
0 vote197 views1 answer
Manually set jquery text box
Javascript jQuery
-1 vote167 views1 answer
Jquery equivalent of document.getelementbyid
Javascript jQuery
26 votes204 views4 answers
Jquery date
Javascript jQuery
3 votes180 views1 answer
Change id in jquery
Javascript jQuery
2 votes182 views2 answers
Loop json jquery
Javascript jQuery
12 votes206 views2 answers
Jquery-3.5.0.min.js
Javascript jQuery
1 vote188 views1 answer
Include multiple js files using jQuery $.getScript()
Javascript jQuery