jQuery 手风琴效果

 1  //点击标题弹出对应的div 再次点击则隐藏
 2 
 3             //jQuery只能获取行内的样式 没法获取头部的样式
 4             $(".parentWrap .menuGroup span.groupTitle").click(function() {
 5                 if ($(this).attr("title") == "aa") {
 6                     $(this).next("div").show();
 7                     $(this).attr("title", "");
 8                 } else {
 9                     $(this).next("div").hide();
10                     $(this).attr("title", "aa");
11                 }
12             });

html代码:给它一个属性用于判断

 1 <ul class="parentWrap">
 2         <li class="menuGroup">
 3             <span class="groupTitle" title="aa">标题1</span>
 4             <div>我是弹出来的div1</div>
 5         </li>
 6         <li class="menuGroup">
 7             <span class="groupTitle" title="aa">标题2</span>
 8             <div>我是弹出来的div2</div>
 9         </li>
10         <li class="menuGroup">
11             <span class="groupTitle" title="aa">标题3</span>
12             <div>我是弹出来的div3</div>
13         </li>
14         <li class="menuGroup">
15             <span class="groupTitle" title="aa">标题4</span>
16             <div>我是弹出来的div4</div>
17         </li>
18     </ul>

 

转载于:https://www.cnblogs.com/xiemin-minmin/p/11026805.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值