基于JQuery的一句话搞定手风琴菜单
2018-10-12 13:51
736 查看
一、Html代码
二、Jquery代码
三、效果图
作者:欣静赏悦
<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的一句话搞定手风琴菜单
- JQuery一句话搞定手风琴菜单
- 基于Jquery代码实现手风琴菜单
- 基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
- 基于Jquery代码实现手风琴菜单
- 【HUI】AccordionMenu 手风琴菜单(基于jQuery)
- 基于jQuery实现以手风琴方式展开和折叠导航菜单
- 基于jQuery实现以手风琴方式展开和折叠导航菜单
- 基于JQuery1.4 Tab选项卡 一行代码轻松搞定
- 10 个非常酷的基于jQuery的菜单效果插件 《转》
- 分享21个基于jquery菜单导航的效果
- 基于jquery封装的一个简单web右键菜单
- 基于jQuery插件实现环形图标菜单旋转切换特效
- Jquery 垂直多级手风琴菜单附源码下载
- 基于jquery的二级联动菜单
- jQuery多级手风琴菜单实例讲解
- 基于jquery实现的树形菜单效果代码
- 实列教程 一款基于jquery和css3的响应式二级导航菜单
- 10 个非常酷的基于jQuery的菜单效果插件 《转》
- jQuery图片手风琴特效一行代码搞定