/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 vote188 views1 answer
Jquery to json diff
Javascript jQuery
0 vote236 views2 answers
Get param from url jquery
Javascript jQuery
88 votes215 views6 answers
Jquery click
Javascript jQuery
0 vote186 views1 answer
Window onscroll position fixed position in jquery
Javascript jQuery
0 vote231 views1 answer
Jquery is element hidden
Javascript jQuery
12 votes197 views3 answers
Jquery replace element
Javascript jQuery
17 votes210 views2 answers
How to animate a flash in jquery
Javascript jQuery
8 votes201 views4 answers
Jquery copy to clipboard
Javascript jQuery
13 votes204 views6 answers
Scroll to top jquery
Javascript jQuery
5 votes147 views2 answers
Check if a checkbox is checked w jquery using id
Javascript jQuery