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

你可能感兴趣的文章
CountDownLatch与thread-join()的区别
查看>>
linux下MySQL安装登录及操作
查看>>
centos 7 部署LDAP服务
查看>>
揭秘马云帝国内幕:马云的野心有多大
查看>>
topcoder srm 680 div1
查看>>
算法专题(1)-信息学基本解题流程!
查看>>
iOS项目分层
查看>>
UML关系图
查看>>
一个action读取另一个action里的session
查看>>
leetcode 175. Combine Two Tables
查看>>
如何给一个数组对象去重
查看>>
Guava包学习-Cache
查看>>
2019-06-12 Java学习日记之JDBC
查看>>
linux c 笔记 线程控制(二)
查看>>
vue.js笔记
查看>>
【Unity3D入门教程】Unity3D之GUI浅析
查看>>
Hive 简单操作
查看>>
湘潭1247 Pair-Pair(树状数组)
查看>>
IntelliJ IDEA 注册码
查看>>
linux 上面配置apache2的虚拟目录
查看>>