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 相关文章推荐
Script的加载方法小结
Jan 12 Javascript
jquery实现pager控件示例
Apr 09 Javascript
JS实现自动定时切换的简洁网页选项卡效果
Oct 13 Javascript
详解AngularJS Filter(过滤器)用法
Dec 28 Javascript
JS触发服务器控件的单击事件(详解)
Aug 06 Javascript
Jquery UI实现一次拖拽多个选中的元素操作
Dec 01 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
Nov 01 Javascript
jQuery实现删除li节点的方法
Dec 06 Javascript
JS+HTML5 FileReader实现文件上传前本地预览功能
Mar 27 Javascript
详解Angular5 路由传参的3种方法
Apr 28 Javascript
js实现购物车功能
Jun 12 Javascript
vue 移动端注入骨架屏的配置方法
Jun 25 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开发文件系统实例讲解
2006/10/09 PHP
PHP 采集获取指定网址的内容
2010/01/05 PHP
ThinkPHP单字母函数(快捷方法)使用总结
2014/07/23 PHP
php的XML文件解释类应用实例
2014/09/22 PHP
PHP上传图片类显示缩略图功能
2016/06/30 PHP
PHP实现的日历功能示例
2018/09/01 PHP
Laravel Eloquent分表方法并使用模型关联的实现
2019/11/25 PHP
Mootools 1.2教程 同时进行多个形变动画
2009/09/15 Javascript
Javascript 网页水印(非图片水印)实现代码
2010/03/01 Javascript
onkeypress字符按键兼容所有浏览器使用介绍
2013/04/24 Javascript
node.js中的console.warn方法使用说明
2014/12/09 Javascript
JS获取数组最大值、最小值及长度的方法
2015/11/24 Javascript
微信小程序 Video API实例详解
2016/10/02 Javascript
基于JavaScript实现复选框的全选和取消全选
2017/02/09 Javascript
基于bootstrap按钮式下拉菜单组件的搜索建议插件
2017/03/25 Javascript
浅析JS中常用类型转换及运算符表达式
2017/07/23 Javascript
JavaScript字符串转数字的5种方法及遇到的坑
2018/07/16 Javascript
Vue源码解读之Component组件注册的实现
2018/08/24 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
2018/09/11 Javascript
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
2019/01/18 jQuery
javascrit中undefined和null的区别详解
2019/04/07 Javascript
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
2019/10/26 Javascript
python备份文件以及mysql数据库的脚本代码
2013/06/10 Python
Python中用format函数格式化字符串的用法
2015/04/08 Python
python版简单工厂模式
2017/10/16 Python
Python读取图片为16进制表示简单代码
2018/01/19 Python
django1.11.1 models 数据库同步方法
2018/05/30 Python
Django获取该数据的上一条和下一条方法
2019/08/12 Python
详解HTML5 LocalStorage 本地存储
2016/12/23 HTML / CSS
德国购买健身器材:AsVIVA
2017/08/09 全球购物
美国男士内衣品牌:Tommy John
2017/12/22 全球购物
2014年迎新年联欢会活动策划方案
2014/02/26 职场文书
少先队学雷锋活动总结范文
2014/03/09 职场文书
《孙权劝学》教学反思
2014/04/23 职场文书
航空学院求职信
2014/06/11 职场文书
Python中常见的导入方式总结
2021/05/06 Python