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 相关文章推荐
用Juery网页选项卡实现代码
Jun 13 Javascript
Javascript的各种节点操作实例演示代码
Jun 27 Javascript
JavaScript中:表达式和语句的区别[译]
Sep 17 Javascript
js倒计时小程序
Nov 05 Javascript
用js闭包的方法实现多点标注冒泡示例
May 29 Javascript
Bootstrap 模态框(Modal)带参数传值实例
Aug 20 Javascript
vue.js绑定事件监听器示例【基于v-on事件绑定】
Jul 07 Javascript
vuejs2.0运用原生js实现简单拖拽元素功能
Aug 21 Javascript
说说如何使用Vuex进行状态管理(小结)
Apr 14 Javascript
在vue中使用vuex,修改state的值示例
Nov 08 Javascript
ES6的异步操作之promise用法和async函数的具体使用
Dec 06 Javascript
详解小程序横屏方案对比
Jun 28 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反向代理类代码
2014/08/15 PHP
PHP多线程类及用法实例
2014/12/03 PHP
反射调用private方法实践(php、java)
2015/12/21 PHP
php创建多级目录与级联删除文件的方法示例
2019/09/12 PHP
PHP强制转化的形式整理
2020/05/22 PHP
javascript 硬盘序列号+其它硬件信息
2008/12/23 Javascript
js以对象为索引的关联数组
2010/07/04 Javascript
JQuery中getJSON的使用方法
2010/12/13 Javascript
JQuery中html()方法使用不当带来的陷阱
2011/04/07 Javascript
封装了jQuery的Ajax请求全局配置
2015/02/05 Javascript
jQuery实现TAB风格的全国省份城市滑动切换效果代码
2015/08/24 Javascript
js鼠标点击图片切换效果代码分享
2015/08/26 Javascript
jQuery实现商品活动倒计时
2015/10/16 Javascript
Javascript基础_嵌入图像的简单实现
2016/06/14 Javascript
AngularJS 指令详细介绍
2016/07/27 Javascript
Node.js读写文件之批量替换图片的实现方法
2016/09/07 Javascript
vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析
2019/03/11 Javascript
layui表格数据重载
2019/07/27 Javascript
解决vue prop传值default属性如何使用,为何不生效的问题
2020/09/21 Javascript
浅析Python中signal包的使用
2015/11/13 Python
python实现任意位置文件分割的实例
2018/12/14 Python
python面试题之列表声明实例分析
2019/07/08 Python
Python semaphore evevt生产者消费者模型原理解析
2020/03/18 Python
python实现画图工具
2020/08/27 Python
详解python中的三种命令行模块(sys.argv,argparse,click)
2020/12/15 Python
CSS3实现苹果手机解锁的字体闪亮效果示例
2021/01/05 HTML / CSS
html5 video标签屏蔽右键视频另存为的js代码
2013/11/12 HTML / CSS
整理HTML5的一些新特性与Canvas的常用属性
2016/01/29 HTML / CSS
英国领先的奢侈品零售商之一:CRUISE
2016/12/02 全球购物
瑞士灯具购物网站:Lampenwelt.ch
2018/07/08 全球购物
如何通过 CSS 写出火焰效果
2021/03/24 HTML / CSS
简短证婚人证婚词
2014/01/09 职场文书
法定代表人授权委托书范文
2014/08/02 职场文书
四年级作文之植物
2019/09/20 职场文书
二年级作文之动物作文
2019/11/13 职场文书
win10搭建配置ftp服务器的方法
2022/08/05 Servers