基于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 相关文章推荐
jQuery .tmpl(), .template()学习资料小结
Jul 18 Javascript
JavaScript中判断变量是数组、函数或是对象类型的方法
Feb 25 Javascript
JQuery插件jcarousellite的参数中文说明
May 11 Javascript
javascript简单实现滑动菜单效果的方法
Jul 27 Javascript
老司机带你解读jQuery插件开发流程
May 16 Javascript
Bootstrap源码解读模态弹出框(11)
Dec 28 Javascript
canvas实现爱心和彩虹雨效果
Mar 09 Javascript
jQuery实现合并表格单元格中相同行操作示例
Jan 28 jQuery
详解微信小程序图片地扯转base64解决方案
Aug 18 Javascript
vue实现倒计时获取验证码效果
Apr 17 Javascript
JS函数本身的作用域实例分析
Mar 16 Javascript
简单谈谈offsetleft、offsetTop和offsetParent
Dec 04 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输出时间格式
2013/08/31 PHP
解决Codeigniter不能上传rar和zip压缩包问题
2014/03/07 PHP
PHP缓存集成库phpFastCache用法
2014/12/15 PHP
你应该知道PHP浮点数知识
2015/05/13 PHP
laravel中短信发送验证码的实现方法
2018/04/25 PHP
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
2012/05/16 Javascript
jQuery 遍历- 关于closest() 的方法介绍以及与parents()的方法区别分析
2013/04/26 Javascript
iframe子父页面调用js函数示例
2013/11/07 Javascript
通过隐藏iframe实现文件下载的js方法介绍
2014/02/26 Javascript
使用jquery.upload.js实现异步上传示例代码
2014/07/29 Javascript
使用ajax+jqtransform实现动态加载select
2014/12/01 Javascript
JavaScript 实现打印,打印预览,打印设置
2014/12/30 Javascript
jQuery中add()方法用法实例
2015/01/08 Javascript
javascript实现获取字符串hash值
2015/05/10 Javascript
JQuery用户名校验的具体实现
2016/03/18 Javascript
在Mac OS上安装使用Node.js的项目自动化构建工具Gulp
2016/06/18 Javascript
Vue2.x中的Render函数详解
2017/05/30 Javascript
Ionic项目中Native Camera的使用方法
2017/06/07 Javascript
JavaScript之数组扁平化详解
2019/06/03 Javascript
jQuery实现的分页插件完整示例
2020/05/26 jQuery
Vue过滤器,生命周期函数和vue-resource简单介绍
2021/01/12 Vue.js
[01:21:36]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
[01:45]典藏宝瓶2+祈求者身心——这就是DOTA2TI9总奖金突破3000万美元的秘密
2019/07/21 DOTA
手把手教你python实现SVM算法
2017/12/27 Python
对python中的高效迭代器函数详解
2018/10/18 Python
Python判断一个文件夹内哪些文件是图片的实例
2018/12/07 Python
python和php学习哪个更有发展
2020/06/17 Python
python else语句在循环中的运用详解
2020/07/06 Python
详解通过focusout事件解决IOS键盘收起时界面不归位的问题
2019/07/18 HTML / CSS
护理学应聘自荐书范文
2014/02/05 职场文书
日语专业毕业生自荐书
2014/06/18 职场文书
2014年移动公司工作总结
2014/12/08 职场文书
继承公证书格式
2015/01/26 职场文书
2015年社区纪检工作总结
2015/04/21 职场文书
早安问候语大全
2015/11/10 职场文书
承诺书的签字人,需不需要承担相应的责任?
2019/07/09 职场文书