博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery实现后台系统左侧菜单的点击展开/收缩二级菜单效果
阅读量:6457 次
发布时间:2019-06-23

本文共 1036 字,大约阅读时间需要 3 分钟。

html:

js:

$(".title .item1").click(function(){    $(this).next(".content").slideToggle();//实现二级菜单的展开收缩功能    $(this).find("span").toggleClass("glyphicon glyphicon-chevron-down");//实现菜单点击时图标的转换效果    $(this).find("span").toggleClass("glyphicon glyphicon-chevron-right");})

css就不贴了,用jquery实现这种竖直手风琴菜单真的容易好多。

转载于:https://www.cnblogs.com/iriliguo/p/7134393.html

你可能感兴趣的文章
openCV_java 图像二值化
查看>>
状态模式
查看>>
删除CentOS / RHEL的库和配置文件(Repositories and configuraiton files)
查看>>
DJANGO变动库的一次真实手动经历
查看>>
VC++获得微秒级时间的方法与技巧探讨(转)
查看>>
HDOJ-1010 Tempter of the Bone
查看>>
MySQL my.cnf参数配置优化详解
查看>>
JavaNIO基础02-缓存区基础
查看>>
日本开设无人机专业,打造无人机“人才市场”
查看>>
190行代码实现mvvm模式
查看>>
PXE部署实例
查看>>
cobbler初探------实现自动安装centos6.4
查看>>
Android Studio 2.0 preview3 BUG
查看>>
兼容几乎所有浏览器的透明背景效果
查看>>
Go语言4
查看>>
jeesite 框架搭建与配置
查看>>
Adb移植(一)简单分析
查看>>
Linux VNC server的安装及简单配置使用
查看>>
阿里宣布开源Weex ,亿级应用匠心打造跨平台移动开发工具
查看>>
Android项目——实现时间线程源码
查看>>