/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

6 votes276 views2 answers
Jquery ajax $.post with data
Javascript jQuery
7 votes194 views4 answers
Value change event jquery
Javascript jQuery
1 vote204 views1 answer
Jquery toggle attribute disabled
Javascript jQuery
0 vote190 views1 answer
Jquery find id with string at end
Javascript jQuery
0 vote214 views1 answer
Foreach selector in jquery
Javascript jQuery
35 votes196 views6 answers
Jquery select by name
Javascript jQuery
0 vote211 views2 answers
Jquery click not working on ajax loaded content
Javascript jQuery
29 votes226 views5 answers
How to uncheck a checkbox in jquery
Javascript jQuery
9 votes209 views4 answers
.empty() in jquery
Javascript jQuery
0 vote203 views1 answer
Onswitch from tab do something jquery
Javascript jQuery