[jQuery] How to close dropdown
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>