Есть меню. Его нужно скрывать когда юзер кликнул не по нему а в другом месте страницы.
Собстно код:
jQuery(document).ready(function($){
$('.h_menu_toggle').toggle(function(){
$('#h_menu').slideDown("slow");
}, function(){
$('#h_menu').slideUp("slow");
});
$(document).click(function(){
$('#h_menu').slideUp("slow");
});
});
само меню
<a class="h_menu_toggle">More <span class="arw_d"> ▼</span></a>
<div id="h_menu">
<ul>
<li><a href="/">Home</a></li>
</ul>
</div>
проблема в том что если кликнуть на меню, а потом в другом месте страницы то меню закрывается, но если снова кликнуть на меню то оно появляется только с второго клика
Что не так то с этим кодом?