基于JQuery的一句话搞定手风琴菜单


Posted in Javascript onSeptember 14, 2012

一、Html代码

<div class="MenuSubTitle AccordionCollapse">子菜单1</div> 
<div> 
<a href="Fld_BaseData/aa.aspx">aa管理</a><br/> 
<a href="Fld_BaseData/bb.aspx">bb管理</a><br/> 
</div> 
<div class="MenuSubTitle AccordionCollapse">子菜单2</div> 
<div> 
<a href="Fld_BaseData/aa.aspx">ccc管理</a><br/> 
<a href="Fld_BaseData/bb.aspx">ddd管理</a><br/> 
</div> 
</div>

二、Jquery代码
$(function () { 
$('.MenuSubTitle').click(function () { 
$(this).toggleClass('AccordionCollapse').toggleClass('AccordionExpand').next().toggle('normal'); 
}); 
});

三、效果图
基于JQuery的一句话搞定手风琴菜单
作者:欣静赏悦
Javascript 相关文章推荐
JS控件autocomplete 0.11演示及下载 1月5日已更新
Jan 09 Javascript
jquery 常用操作方法
Jan 28 Javascript
VBS通过WMI监视注册表变动的代码
Oct 27 Javascript
JSON与String互转的实现方法(Javascript)
Sep 27 Javascript
Javascrip实现文字跳动特效
Nov 27 Javascript
使用Require.js封装原生js轮播图的实现代码
Jun 15 Javascript
javascript高级模块化require.js的具体使用方法
Oct 31 Javascript
JS实现分页浏览横向图片(类轮播)实例代码
Nov 06 Javascript
angular2模块和共享模块详解
Apr 08 Javascript
Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果
Jul 27 Javascript
微信小程序支付PHP代码
Aug 23 Javascript
使用vue-router在Vue页面之间传递数据的方法
Jul 15 Javascript
JQuery select控件的相关操作实现代码
Sep 14 #Javascript
11个用于提高排版水平的基于jquery的文字效果插件
Sep 14 #Javascript
六款帮助你实现惊艳视差滚动效果的jQuery插件
Sep 14 #Javascript
推荐17个优美新鲜的jQuery的工具提示插件
Sep 14 #Javascript
Java 正则表达式学习总结和一些小例子
Sep 13 #Javascript
获取客户端电脑日期时间js代码(jquery)
Sep 12 #Javascript
IE中jquery.form中ajax提交没反应解决方法分享
Sep 11 #Javascript
You might like
PHP 芝麻信用接入的注意事项
2016/12/01 PHP
thinkphp5.1框架模板赋值与变量输出示例
2020/05/25 PHP
使用Javascript和DOM Interfaces来处理HTML
2006/10/09 Javascript
仿中关村在线首页弹出式广告插件(jQuery版)
2012/05/03 Javascript
JS实现的用来对比两个用指定分隔符分割的字符串是否相同
2014/09/19 Javascript
浅谈javascript属性onresize
2015/04/20 Javascript
Jquery结合HTML5实现文件上传
2015/06/25 Javascript
浅谈javascript中onbeforeunload与onunload事件
2015/12/10 Javascript
JavaScript中原型链存在的问题解析
2016/09/25 Javascript
微信小程序 表单Form实例详解(附源码)
2016/12/22 Javascript
JS前向后瞻正则表达式定义与用法示例
2016/12/27 Javascript
js正则表达式最长匹配(贪婪匹配)和最短匹配(懒惰匹配)用法分析
2016/12/27 Javascript
微信小程序-拍照或选择图片并上传文件
2017/01/06 Javascript
JS判断指定dom元素是否在屏幕内的方法实例
2017/01/23 Javascript
全面分析JavaScript 继承
2019/05/30 Javascript
JS校验与最终登陆界面功能完整示例
2020/01/13 Javascript
解决vue-router 嵌套路由没反应的问题
2020/09/22 Javascript
[08:47]DOTA2每周TOP10 精彩击杀集锦vol.6
2014/06/25 DOTA
Python UnicodeEncodeError: 'gbk' codec can't encode character 解决方法
2015/04/24 Python
浅谈python可视化包Bokeh
2018/02/07 Python
python操作excel让工作自动化
2019/08/09 Python
Python figure参数及subplot子图绘制代码
2020/04/18 Python
纯CSS3实现绘制各种图形实现代码详细整理
2012/12/26 HTML / CSS
高山背包:High Sierra
2017/11/23 全球购物
墨西哥购物网站:Elektra
2020/01/21 全球购物
上海方立数码笔试题
2013/10/18 面试题
土木工程师岗位职责
2013/11/24 职场文书
搬家公司的创业计划书
2014/01/01 职场文书
党员专题组织生活会发言材料
2014/10/17 职场文书
先进班集体事迹材料
2014/12/25 职场文书
廉政承诺书
2015/01/19 职场文书
导盲犬小Q观后感
2015/06/11 职场文书
社区安全温馨提示语
2015/07/14 职场文书
先进个人主要事迹怎么写
2015/11/04 职场文书
Java 语言中Object 类和System 类详解
2021/07/07 Java/Android
Java获取e.printStackTrace()打印的信息方式
2021/08/07 Java/Android