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

本文共 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

你可能感兴趣的文章
私有云2.0时代来临,OpenStack已上车
查看>>
Every Programmer Should Know These Latency Numbers
查看>>
WCF后续之旅(15): 逻辑地址和物理地址
查看>>
云计算变革十字路口 CIO转型的历史机遇
查看>>
memcached的分布式算法-Consistent Hashing
查看>>
韩忠恒:解读Power System智慧运算基础
查看>>
来自Reddit的声音:网络人员对SDN说“不”
查看>>
国内车载信息安全市场 东软靠技术创新的行动力独树一帜
查看>>
中国银行携手IBM成功建成智能化网点
查看>>
再谈大型数据中心的运维工作
查看>>
报告显示电话监控技术处于发展浪潮
查看>>
安全研究人员发现可以利用推特控制僵尸网络
查看>>
三种在Linux上创建或扩展交换分区的简单方法
查看>>
LMD Tool:Linux恶意软件检测工具
查看>>
铜缆宽带接入即将走向末路?
查看>>
哪些技术对5G贡献最大?毫米波成工程师追捧之一
查看>>
企业级SaaS服务的现实之路:放弃团队 直指公司
查看>>
你应该成为 Web 开发者的 5 大理由
查看>>
Locky勒索软件是如何利用DGA的?
查看>>
打造自己的 Python 编码环境
查看>>