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 相关文章推荐
jQuery为iframe的body添加click事件的实现代码
Apr 07 Javascript
javascript 在firebug调试时用console.log的方法
May 10 Javascript
分享一个自己动手写的jQuery分页插件
Aug 28 Javascript
js交换排序 冒泡排序算法(Javascript版)
Oct 04 Javascript
代码分析jQuery四种静态方法使用
Jul 23 Javascript
实例详解JavaScript获取链接参数的方法
Jan 01 Javascript
js不间断滚动的简单实现
Jun 03 Javascript
树结构之JavaScript
Jan 24 Javascript
vue + vuex todolist的实现示例代码
Mar 09 Javascript
详解vuex之store源码简单解析
Jun 13 Javascript
Vue3 源码导读(推荐)
Oct 14 Javascript
vue键盘事件点击事件加native操作
Jul 27 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 FOR MYSQL 代码生成助手(根据Mysql里的字段自动生成类文件的)
2011/07/23 PHP
php实现的Captcha验证码类实例
2014/09/22 PHP
php强制更新图片缓存的方法
2015/02/11 PHP
php通过array_shift()函数移除数组第一个元素的方法
2015/03/18 PHP
yii2带搜索功能的下拉框实例详解
2016/05/12 PHP
Laravel手动分页实现方法详解
2016/10/09 PHP
ImageFlow可鼠标控制图片滚动
2008/01/30 Javascript
入门基础学习 ExtJS笔记(一)
2010/11/11 Javascript
jquery Moblie入门—hello world的示例代码学习
2013/01/08 Javascript
C#中使用迭代器处理等待任务
2015/07/13 Javascript
JavaScript学习小结(一)——JavaScript入门基础
2015/09/02 Javascript
在JavaScript中使用JSON数据
2016/02/15 Javascript
JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
2016/08/24 Javascript
移动端js触摸事件详解
2016/09/18 Javascript
基于Bootstrap仿淘宝分页控件实现代码
2016/11/07 Javascript
js操作浏览器的参数方法
2017/01/21 Javascript
利用pm2部署多个node.js项目的配置教程
2017/10/22 Javascript
js正则表达式校验指定字符串的方法
2018/07/23 Javascript
详解关于Vue2.0路由开启keep-alive时需要注意的地方
2018/09/18 Javascript
[03:40]DOTA2亚洲邀请赛小组赛第二日 赛事回顾
2015/01/31 DOTA
Python使用新浪微博API发送微博的例子
2014/04/10 Python
Python实现单词拼写检查
2015/04/25 Python
python 实现对文件夹内的文件排序编号
2018/04/12 Python
详解python实现交叉验证法与留出法
2019/07/11 Python
简单了解python字符串前面加r,u的含义
2019/12/26 Python
python GUI库图形界面开发之PyQt5布局控件QHBoxLayout详细使用方法与实例
2020/03/06 Python
Pandas中DataFrame交换列顺序的方法实现
2020/12/14 Python
CSS3 Media Queries详细介绍和使用实例
2014/05/08 HTML / CSS
Calphalon美国官网:美国顶级锅具品牌
2020/02/05 全球购物
汽车专业大学生职业生涯规划范文
2014/01/07 职场文书
企业节能减排实施方案
2014/03/19 职场文书
党员个人整改方案及措施
2014/10/25 职场文书
挂靠协议书
2015/01/27 职场文书
2015年消防工作总结
2015/04/24 职场文书
英语投诉信范文
2015/07/03 职场文书
2016年大学生就业指导课心得体会
2015/10/09 职场文书