jquery实现点击非自身除外隐藏|点击其他地方隐藏某元素

七娃在写导航的时候，要实现这样一个功能：点击菜单图标，隐藏的菜单全部显示出来，然后如果点击页面任何位置(菜单本身除外)，显示的菜单需要再次隐藏起来！

怎么实现呢？

代码如下：

$(document).click(function(){
		 $('#menus').hide();//页面点击任何位置隐藏
	});
 $(".left-top h4").click(function(event){//点击菜单图标
		event.stopPropagation();
	 if($("#menus").is(':visible')){//判断菜单是否显示中
			 $('#menus').hide();//显示就隐藏
		  }else{
			$('#menus').show();//隐藏就显示
		 }
 });