jquery超简单实现手风琴效果的方法


Posted in Javascript onJune 05, 2015

本文实例讲述了jquery超简单实现手风琴效果的方法。分享给大家供大家参考。核心代码如下:

$("#accordion .expanded").hide();
$("a.opening").click(function(){
  $(this).next().slideToggle('fast', function(){
    $(this).prev("a.opening").toggleClass("active");
    });
  return false;
});

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
javascript radio 联动效果
Mar 04 Javascript
JavaScript接口实现代码 (Interfaces In JavaScript)
Jun 11 Javascript
JQuery扩展插件Validate 5添加自定义验证方法
Sep 05 Javascript
js函数模拟显示桌面.scf程序示例
Apr 20 Javascript
浅谈Javascript数组(推荐)
May 17 Javascript
修改ligerui 默认确认按钮的方法
Dec 27 Javascript
jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
Aug 23 jQuery
微信小程序实现传参数的几种方法示例
Jan 10 Javascript
js删除对象/数组中null、undefined、空对象及空数组方法示例
Nov 14 Javascript
nuxt.js中间件实现拦截权限判断的方法
Nov 21 Javascript
element-ui 文件上传修改文件名的方法示例
Nov 05 Javascript
JavaScript实现模态对话框实例
Jan 13 Javascript
js+html5实现canvas绘制圆形图案的方法
Jun 05 #Javascript
js+html5实现canvas绘制简单矩形的方法
Jun 05 #Javascript
js+html5实现canvas绘制镂空字体文本的方法
Jun 05 #Javascript
js+html5通过canvas指定开始和结束点绘制线条的方法
Jun 05 #Javascript
js+HTML5实现canvas多种颜色渐变效果的方法
Jun 05 #Javascript
JavaSacript中charCodeAt()方法的使用详解
Jun 05 #Javascript
JavaScript中length属性的使用方法
Jun 05 #Javascript
You might like
PHP实现的DES加密解密实例代码
2016/04/06 PHP
PHP实现的Redis多库选择功能单例类
2017/07/27 PHP
Thinkphp5行为使用方法汇总
2017/12/21 PHP
CodeIgniter框架实现的整合Smarty引擎DEMO示例
2019/03/28 PHP
jquery blockUI 遮罩不能消失与不能提交的解决方法
2011/09/17 Javascript
bootstrap data与jquery .data
2014/07/07 Javascript
逻辑表达式中与或非的用法详解
2016/06/06 Javascript
微信小程序 实现tabs选项卡效果实例代码
2016/10/31 Javascript
js中动态创建json,动态为json添加属性、属性值的实例
2016/12/02 Javascript
JS身份证信息验证正则表达式
2017/06/12 Javascript
在vue里面设置全局变量或数据的方法
2018/03/09 Javascript
jquery的 filter()方法使用教程
2018/03/22 jQuery
vue实现随机验证码功能(完整代码)
2019/12/10 Javascript
使用python实现生成用户信息
2017/03/20 Python
python3操作mysql数据库的方法
2017/06/23 Python
Python实现扩展内置类型的方法分析
2017/10/16 Python
Python 生成 -1~1 之间的随机数矩阵方法
2018/08/04 Python
python 实现对文件夹中的图像连续重命名方法
2018/10/25 Python
python读取图片的方式,以及将图片以三维数组的形式输出方法
2019/07/03 Python
Python迭代器模块itertools使用原理解析
2019/12/11 Python
Django中Q查询及Q()对象 F查询及F()对象用法
2020/07/09 Python
python反扒机制的5种解决方法
2021/02/06 Python
CSS3,线性渐变(linear-gradient)的使用总结
2017/01/09 HTML / CSS
采用冷却技术的超自然舒适度:GhostBed床垫
2018/09/18 全球购物
可持续木材、生态和铝制太阳镜:Proof Eyewear
2019/07/24 全球购物
英国奢侈品在线精品店:Hervia
2020/09/03 全球购物
挂职思想汇报
2013/12/31 职场文书
《苏珊的帽子》教学反思
2014/04/07 职场文书
毕业证丢失证明范本
2014/09/20 职场文书
教师自我剖析材料(四风问题)
2014/09/30 职场文书
离婚协议书格式
2015/01/26 职场文书
党支部考察意见范文
2015/06/02 职场文书
五星红旗迎风飘扬观后感
2015/06/17 职场文书
HTML中的表单Form实现居中效果
2021/05/25 HTML / CSS
如何使用Tkinter进行窗口的管理与设置
2021/06/30 Python
Python Pandas读取Excel日期数据的异常处理方法
2022/02/28 Python