基于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 Archive Network 集合
May 12 Javascript
12款经典的白富美型—jquery图片轮播插件—前端开发必备
Jan 08 Javascript
js函数模拟显示桌面.scf程序示例
Apr 20 Javascript
JQuery右键菜单插件ContextMenu使用指南
Dec 19 Javascript
JQuery复制DOM节点的方法
Jun 11 Javascript
网页从弹窗页面单选框传值至父页面代码分享
Sep 29 Javascript
轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)
Nov 30 Javascript
jQuery中on绑定事件后引发的事件冒泡问题如何解决
May 25 Javascript
js实现用户输入的小写字母自动转大写字母的方法
Jan 21 Javascript
Vue中的v-for指令不起效果的解决方法
Sep 27 Javascript
vue实现井字棋游戏
Sep 29 Javascript
Vue Element plus使用方法梳理
Dec 24 Vue.js
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/05/10 PHP
Yii2.0中的COOKIE和SESSION用法
2016/08/12 PHP
cakephp2.X多表联合查询join及使用分页查询的方法
2017/02/23 PHP
Extjs优化(二)Form表单提交通用实现
2013/04/15 Javascript
javascript级联下拉列表实例代码(自写)
2013/05/10 Javascript
javascript中的document.open()方法使用介绍
2013/10/09 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
2013/12/05 Javascript
JavaScript中this的9种应用场景及三种复合应用场景
2015/09/12 Javascript
AngularJS入门教程引导程序
2016/08/18 Javascript
用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法
2016/10/27 Javascript
jQuery实现可编辑表格并生成json结果(实例代码)
2017/07/19 jQuery
JS设计模式之数据访问对象模式的实例讲解
2017/09/30 Javascript
JavaScript创建对象的常用方式总结
2018/08/10 Javascript
nodejs 使用 js 模块的方法实例详解
2018/12/04 NodeJs
解决layui的radio属性或别的属性没显示出来的问题
2019/09/26 Javascript
NodeJS实现一个聊天室功能
2019/11/25 NodeJs
[02:41]DOTA2英雄基础教程 冥魂大帝
2014/01/16 DOTA
[42:34]VP vs VG 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python查询Mysql时返回字典结构的代码
2012/06/18 Python
python实现堆栈与队列的方法
2015/01/15 Python
Python编程scoketServer实现多线程同步实例代码
2018/01/29 Python
python实现本地图片转存并重命名的示例代码
2018/10/27 Python
pytorch获取vgg16-feature层输出的例子
2019/08/20 Python
Pycharm 2019 破解激活方法图文详解
2019/10/11 Python
Python colormap库的安装和使用详情
2020/10/06 Python
html5是什么_动力节点Java学院整理
2017/07/07 HTML / CSS
Beauty Expert美国/加拿大:购买奢侈美容产品
2018/12/05 全球购物
Madewell澳大利亚官方网站:美国休闲服饰品牌
2019/07/18 全球购物
什么是聚集索引和非聚集索引
2012/01/17 面试题
师德学习感言
2014/01/31 职场文书
房地产公司见习自我鉴定
2014/04/28 职场文书
七一党日活动总结
2014/07/08 职场文书
2014年医院工作总结
2014/11/20 职场文书
2014年监理个人工作总结
2014/12/11 职场文书
医德医风学习心得体会
2016/01/25 职场文书
2019银行员工个人工作自我鉴定
2019/06/27 职场文书