Есть меню. Его нужно скрывать когда юзер кликнул не по нему а в другом месте страницы.
Собстно код:
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>
проблема в том что если кликнуть на меню, а потом в другом месте страницы то меню закрывается, но если снова кликнуть на меню то оно появляется только с второго клика 
 
Что не так то с этим кодом?