/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 vote77 views1 answer
Bootstrap modal tooltip
Javascript jQuery
0 vote112 views1 answer
Serach for a keyword jquery
Javascript jQuery
0 vote111 views1 answer
Use jquery in project using NPM
Javascript jQuery
0 vote114 views1 answer
Tictactoe using Jquery
Javascript jQuery
115 votes155 views6 answers
Jquery link
Javascript jQuery
0 vote113 views1 answer
Remove first row from table jquery
Javascript jQuery
0 vote104 views1 answer
Puppeteer jquery
Javascript jQuery
2 votes113 views1 answer
Unset radio button jquery by name
Javascript jQuery
0 vote127 views1 answer
Immediate invoke jquery function
Javascript jQuery
0 vote106 views2 answers
Jquery when iframe is loaded
Javascript jQuery