基于JQuery的一句话搞定手风琴菜单
基于JQuery的一句话搞定手风琴菜单
发布时间:2016-12-30 来源:查字典编辑
摘要:一、Html代码复制代码代码如下:子菜单1aa管理bb管理子菜单2ccc管理ddd管理二、Jquery代码复制代码代码如下:$(functi...

一、Html代码

复制代码 代码如下:

<div>子菜单1</div>

<div>

<a href="Fld_BaseData/aa.aspx">aa管理</a><br/>

<a href="Fld_BaseData/bb.aspx">bb管理</a><br/>

</div>

<div>子菜单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的一句话搞定手风琴菜单1

作者:欣静赏悦

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类