基于JQuery的一句话搞定手风琴菜单
更新时间：2012年09月14日 02:26:55 作者：
基于JQuery的一句话搞定手风琴菜单效果代码，需要的朋友可以参考下
一、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');
});
});
三、效果图
作者:欣静赏悦
复制代码 代码如下:
<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');
});
});
三、效果图
作者:欣静赏悦
相关文章
本文主要是使用jDialog插件实现的弹出框效果，代码十分简介，需要的小伙伴自己参考下吧。2015-04-04
这篇文章主要介绍了Jquery弹出层插件ThickBox的使用方法,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了jQuery validate 验证radio实例代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-03-03
这篇文章主要为大家详细介绍了基于jQuery拖拽事件的封装，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
改写《锋利的jQuery》第三章章节总结的例子2010-03-03
这篇文章主要介绍了jQuery的几种选择器详解,Query 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素, 它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器,需要的朋友可以参考下2023-05-05
jquery检测input checked 控件是否被选中的方法
这篇文章主要介绍了jquery检测input checked 控件是否被选中的方法,需要的朋友可以参考下2014-03-03
这篇文章主要介绍了jquery中交替点击事件的实现代码,需要的朋友可以参考下2014-02-02
详细解读Jquery各Ajax函数($.get(),$.post(),$.ajax(),$.getJSON())
这篇文章主要介绍了详细解读Jquery各Ajax函数($.get(),$.post(),$.ajax(),$.getJSON())的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
下面小编就为大家带来一篇jquery动态创建div与input的实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
最新评论