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

怎么实现呢?

代码如下:

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

原文地址:https://course.51qux.com/419.html