Click outside menu to close in jquery

by

Take a look at the approach this question used:

How do I detect a click outside an element?

Attach a click event to the document body which closes the window. Attach a separate click event to the window which stops propagation to the document body. 

$('html').click(function() {
  //Hide the menus if visible
});

$('#menucontainer').click(function(event){
    event.stopPropagation();
});

More Related Contents:

  1. How to select all images using jquery and give them an width?
  2. Difference between .on(‘click’) vs .click()
  3. jQuery – What are differences between $(document).ready and $(window).load?
  4. How can I find elements by text content with jQuery?
  5. Calculating text width
  6. iframe to Only Show a Certain Part of the Page
  7. Pass array to ajax request in $.ajax() [duplicate]
  8. val() vs. text() for textarea
  9. Animate element transform rotate
  10. How to check if image exists with given url?
  11. JavaScript: how to change form action attribute value based on selection?
  12. jQuery or CSS selector to select all IDs that start with some string [duplicate]
  13. jQuery ajax success anonymous function scope
  14. Can you detect “dragging” in jQuery?
  15. jQuery easing functions without using a plugin
  16. How can I select all elements without a given class in jQuery?
  17. Trouble with jQuery Dialog and Datepicker plugins
  18. How do I get the height of a div’s full content with jQuery?
  19. Check if username exists in database with AJAX
  20. Use Bootstrap 3 dropdown menu as context menu
  21. Select link by text (exact match)
  22. append /remove anchor name from current url without refresh
  23. How can I change HTML attribute names with jQuery?
  24. A cleaner way to select by multiple possible attribute values?
  25. jquery can’t get data attribute value
  26. JQuery.validate – one rule on blur only; the rest should be normal?
  27. While variable is not defined – wait
  28. Get the selected option id with jQuery
  29. jQuery css gradient
  30. What happens when no response is received for a request? I’m seeing retries

Leave a Comment