Jq手风琴

关于JQ 手风琴效果

一个简单的手风琴效果 可能对刚开始的前端小白会有参考帮助 大佬勿喷谢谢!!!。

实现功能

  1. 选中当前元素 下的子元素显示 其他兄弟级别下的子元素隐藏

实现效果图

在这里插入图片描述

<script>

		$('.menu li:has(ul)').click(function(){
			$(this)	
			.children('ul')
			.slideDown() 
			.parent()  
			.siblings() 
			.children('ul') 
			.slideUp();
		})

	</script>

实现思路

主要是对前期jq理解的不成熟和对前期对她使用的不熟练(嘿嘿嘿…………)
选中当前父级 当前下的子元素显示
其他父级下的子元素隐藏
就是这么so easy (小编第一次玩 大佬别喷我…………)

**后续会上传一些硬货 有需要的 或者想学习的朋友 也可以si我 搞点事情 **

不想动手的宝宝们可以直接##点击这里下载
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值