六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 100|回复: 0

自制简单的JQuery accordion插件

[复制链接]

升级  78%

9

主题

9

主题

9

主题

童生

Rank: 1

积分
39
 楼主| 发表于 2013-2-7 19:03:15 | 显示全部楼层 |阅读模式
写了一个jQuery插件
不知道是否代码还可以更短更精炼些。多多指点哟~

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});
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表