自制简单的JQuery accordion插件

写了一个jQuery插件 :D 。
不知道是否代码还可以更短更精炼些。多多指点哟~

firstOpen属性是说明一开始默认打开第几个。


jQuery.fn.extend({
//start
ejqaccordion: function(options) {
var firstOpen=-1;
if(options)
firstOpen=(options.firstOpen!=null&&options.firstOpen>=0)?options.firstOpen:-1;
$(this).find("dd:visible").css("display","none");
if(firstOpen>=0)
$($(this).find("dd").get(firstOpen)).css("display","block");
$(this).find("dt").click(function(){
var vdd=$(this).parent().find("dd:visible");
var ndd=$(this).next();
vdd.slideUp('fast');
if(ndd.css("display")=="none")
ndd.slideDown('fast');
});
}
});



<dl id="accordion">
<dt>title1</dt>
<dd>i am 1</dd>
<dt>title2</dt>
<dd>i am 2</dd>
<dt>title3</dt>
<dd>i am 3</dd>
</dl>


调用代码:

$("#accordion").ejqaccordion({firstOpen:0});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值