基于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 相关文章推荐
javascript中的array数组使用技巧
Jan 31 Javascript
仿jQuery的siblings效果的js代码
Aug 09 Javascript
select标签模拟/美化方法采用JS外挂式插件
Apr 01 Javascript
jQuery 插件开发指南
Nov 14 Javascript
Jquery焦点图实例代码
Nov 25 Javascript
浅析javascript 定时器
Dec 23 Javascript
由ReactJS的Hello world说开来
Jul 02 Javascript
jquery基础知识第一讲之认识jquery
Mar 17 Javascript
jquery按回车键实现表单提交的简单实例
May 25 Javascript
微信小程序 加载 app-service.js 错误解决方法
Oct 12 Javascript
微信小程序 地图定位简单实例
Oct 14 Javascript
关于vue利用postcss-pxtorem进行移动端适配的问题
Nov 20 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
单一index.php实现PHP任意层级文件夹遍历(Zjmainstay原创)
2012/07/31 PHP
zend framework文件上传功能实例代码
2013/12/25 PHP
在次封装easyui-Dialog插件实现代码
2010/11/14 Javascript
JavaScript计算两个日期时间段内日期的方法
2015/03/16 Javascript
jquery实现邮箱自动填充提示功能
2015/11/17 Javascript
JS获取时间的相关函数及时间戳与时间日期之间的转换
2016/02/04 Javascript
jQuery防止重复绑定事件的解决方法
2016/05/14 Javascript
Vue.js使用v-show和v-if的注意事项
2016/12/13 Javascript
JavaScript调用模式与this关键字绑定的关系
2018/04/21 Javascript
加快Vue项目的开发速度的方法
2018/12/12 Javascript
vue项目中使用vue-i18n报错的解决方法
2019/01/13 Javascript
vue2.0+vue-router构建一个简单的列表页的示例代码
2019/02/13 Javascript
vue-router源码之history类的浅析
2019/05/21 Javascript
react中hook介绍以及使用教程
2020/12/11 Javascript
jQuery实现动态向上滚动
2020/12/21 jQuery
python网络编程学习笔记(八):XML生成与解析(DOM、ElementTree)
2014/06/09 Python
将图片文件嵌入到wxpython代码中的实现方法
2014/08/11 Python
Python实现数据库并行读取和写入实例
2017/06/09 Python
Python实现的排列组合计算操作示例
2017/10/13 Python
python3使用flask编写注册post接口的方法
2018/12/28 Python
使用Python快速打开一个百万行级别的超大Excel文件的方法
2021/03/02 Python
苹果中国官方网站:Apple中国
2016/07/22 全球购物
Mamas & Papas沙特阿拉伯:英国最受欢迎的婴儿品牌
2017/11/20 全球购物
阿联酋航空丹麦官方网站:Emirates DK
2019/08/25 全球购物
Kipling澳洲官网:购买凯浦林包包
2020/12/17 全球购物
美国相机和电子产品零售商:Beach Camera
2020/11/26 全球购物
低碳生活倡议书
2014/04/14 职场文书
《蜗牛的奖杯》教后反思
2014/04/24 职场文书
汽车维修专业自荐书
2014/05/26 职场文书
反邪教标语
2014/06/23 职场文书
计算机求职信
2014/07/02 职场文书
爱牙日宣传活动总结
2015/02/05 职场文书
如何判断微信付款码和支付宝付款码
2021/04/01 PHP
Python基础学习之奇异的GUI对话框
2021/05/27 Python
使用@Value值注入及配置文件组件扫描
2021/07/09 Java/Android
前端使用svg图片改色实现示例
2022/07/23 HTML / CSS