/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 vote224 views1 answer
Jquery is element hidden
Javascript jQuery
2 votes184 views2 answers
Change span value according to textfierld value in jquery
Javascript jQuery
11 votes231 views3 answers
Jquery set width
Javascript jQuery
1 vote189 views1 answer
Jquery for each tr in td
Javascript jQuery
6 votes221 views3 answers
How to validate the radio button using jquery
Javascript jQuery
3 votes185 views3 answers
Jquery get img src
Javascript jQuery
0 vote212 views1 answer
How to go back to previous page after updating data in jquery
Javascript jQuery
30 votes199 views4 answers
Jquery select by name attribute
Javascript jQuery
0 vote238 views1 answer
How to get 3rd li using jquery
Javascript jQuery
20 votes176 views6 answers
Get id value jquery
Javascript jQuery