hide div if clicked outside of it [duplicate]

by

EDIT : A better approach here:
How to create a custom modal popup – and how to close it clicking outside of it


jsBin demo

$( "#idSelect" ).click(function( e ) {
   e.stopPropagation();
   $("#idDiv").toggle();
});

$( "#idDiv" ).on('click',function( e ) {
     e.stopPropagation();
});

$( document ).on('click', function( e ) {
   if( e.target.id != 'idDiv' ){
       $( "#idDiv" ).hide();
   }   
});

More Related Contents:

  1. How can I upload files asynchronously with jQuery?
  2. Why does my JavaScript code receive a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error, while Postman does not?
  3. How do I detect a click outside an element?
  4. Stop form refreshing page on submit
  5. Variable doesn’t get returned from AJAX function
  6. Only detect click event on pseudo-element
  7. How to differentiate single click event and double click event?
  8. TypeError: p.easing[this.easing] is not a function
  9. jQuery difference between change and click event of checkbox
  10. Rails 5: how to use $(document).ready() with turbo-links
  11. How to unbind a listener that is calling event.preventDefault() (using jQuery)?
  12. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  13. JavaScript/jQuery check broken links
  14. How do I replace the entire HTML node using jQuery
  15. How to prevent simultaneous logins of the same user with Firebase?
  16. How to reset the bootstrap modal when it gets closed and open it fresh again?
  17. Change URL and redirect using jQuery
  18. Difference between screen.availHeight and window.height()
  19. Simulate drop file event
  20. can phantomjs work with node.js?
  21. Why do multiple `.appendTo` calls on a newly created jQuery element only append it once?
  22. How to change only text node in element [duplicate]
  23. Trigger $document.ready (so AJAX code I can’t modify is executed)
  24. Remove Datepicker Function dynamically
  25. How to use pagination on HTML tables?
  26. Add javascript pixel values?
  27. How to write a simple jQuery plugin [closed]
  28. Show select dropdown in jQuery? [duplicate]
  29. How do I add an integer value with javascript (jquery) to a value that’s returning a string?
  30. Geolocation closest location(lat, long) from my position

Leave a Comment