Hi, I am trying to create a simple dropdown. The problem I have is that I do not know how to close the dropdown. It is supposed to close when user clicks on id="btn" or anywhere outside of dropdown. That's what I tried but close does not work.
<html> <body> <div id="wrapper"> <div id="btn">Open Menu</div> <div id="some_menu" style="display:none">Some Menu</div> </div> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('#btn').click( function(){ jQuery('#some_menu').show(); }); jQuery('body').click( function(){ var $some_menu = jQuery('#some_menu'); if($some_menu.is(':visible')){ $some_menu.hide(); } }); }); </script> </body> </html>