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

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

怎么实现呢?

代码如下:

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

赞(1) 打赏
未经允许不得转载:版权所有@七娃设计室七娃博客 » jquery实现点击非自身除外隐藏|点击其他地方隐藏某元素
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

七娃设计,让设计贴近生活

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏