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 相关文章推荐
Gird组件 Part-3:范例RSSFeed Viewer
Mar 10 Javascript
js的正则test,match,exec详细解析
Jan 29 Javascript
为何JS操作的href都是javascript:void(0);呢
Nov 12 Javascript
基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)
Feb 22 Javascript
jQuery常用知识点总结以及平时封装常用函数
Feb 23 Javascript
Angularjs结合Bootstrap制作的一个TODO List
Aug 18 Javascript
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
Feb 21 Javascript
JS实现二维数组元素的排列组合运算简单示例
Jan 28 Javascript
详解在Javascript中进行面向切面编程
Apr 28 Javascript
vue-next/runtime-core 源码阅读指南详解
Oct 25 Javascript
vue跳转页面的几种方法(推荐)
Mar 26 Javascript
ajax请求前端跨域问题原因及解决方案
Oct 16 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版微信公众平台接口参数调试实现判断用户行为的方法
2016/09/23 PHP
PHP实现蛇形矩阵,回环矩阵及数字螺旋矩阵的方法分析
2017/05/29 PHP
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
2008/11/06 Javascript
Javascript 表单之间的数据传递代码
2008/12/04 Javascript
JQuery为textarea添加maxlength属性的代码
2010/04/07 Javascript
JavaScipt中的Math.ceil() 、Math.floor() 、Math.round() 三个函数的理解
2010/04/29 Javascript
Jquery动态更改一张位图的src与Attr的使用
2013/07/31 Javascript
vue.js学习之递归组件
2016/12/13 Javascript
jQuery使用DataTable实现删除数据后重新加载功能
2017/02/27 Javascript
JS动态添加的div点击跳转到另一页面实现代码
2017/09/30 Javascript
Vue项目中设置背景图片方法
2018/02/21 Javascript
angularJs复选框checkbox选中进行ng-show显示隐藏的方法
2018/10/08 Javascript
详解Vue CLI 3.0脚手架如何mock数据
2018/11/23 Javascript
node.js基于socket.io快速实现一个实时通讯应用
2019/04/23 Javascript
如何在微信小程序中实现Mixins方案
2019/06/20 Javascript
微信小程序实现动态列表项的顺序加载动画
2019/07/25 Javascript
微信小程序里引入SVG矢量图标的方法
2019/09/20 Javascript
详解如何在Vue项目中发送jsonp请求
2019/10/25 Javascript
[59:44]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 paiN vs iG
2018/03/31 DOTA
Python使用面向对象方式创建线程实现12306售票系统
2015/12/24 Python
解决pycharm 工具栏Tool中找不到Run manager.py Task的问题
2019/07/01 Python
使用python实现回文数的四种方法小结
2019/11/24 Python
Pycharm及python安装详细教程(图解)
2020/07/31 Python
python爬虫爬取网页数据并解析数据
2020/09/18 Python
详解基于python的图像Gabor变换及特征提取
2020/10/26 Python
瑞典最好的运动鞋专卖店:Sneakersnstuff
2016/08/29 全球购物
Spartoo英国:欧洲最大的网上鞋店
2016/09/13 全球购物
希尔顿酒店官方网站:Hilton Hotels
2017/06/01 全球购物
de Bijenkorf比利时官网:荷兰最知名的百货商店
2017/06/29 全球购物
英国工具中心:UK Tool Centre
2017/07/10 全球购物
英国第一家领先的在线处方眼镜零售商:Glasses Direct
2018/02/23 全球购物
大学应届生求职简历的自我评价
2013/10/08 职场文书
自我评价范文
2013/12/22 职场文书
家长会邀请书
2014/01/25 职场文书
导游词之塘栖古镇
2019/12/04 职场文书
Java 死锁解决方案
2022/05/11 Java/Android