博客
关于我
强烈建议你试试无所不能的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

你可能感兴趣的文章
实例验证WEB浏览器智能应对节点失效
查看>>
使用Outlook Connector插件之后 qq发送过来的邮件为乱码
查看>>
ipsec over gre与gre over ipsec
查看>>
NA-NP-IE系列实验2
查看>>
owasp testing guide 2014 中文
查看>>
验证堆表(heap table)存储方式
查看>>
Linux多线程实践(8) --Posix条件变量解决生产者消费者问题
查看>>
EmbossMaskFilter BlurMaskFilter 学习
查看>>
学生机房虚拟化之磁盘操作
查看>>
《一胜九败》读书笔记
查看>>
Mono项目的新进展
查看>>
F5入口IP依据不同的端口实现转发到不同的POOL
查看>>
Exchange Server 2007邮箱存储服务器的容量规划和性能调优(下)
查看>>
Oracle调优检查点
查看>>
Qt核心剖析: moc
查看>>
数据库中字段设计与NULL值操作
查看>>
Python结合selenium自动领取无忧币的脚本
查看>>
DVWA系列之20 反射型XSS分析
查看>>
Linux 下构建域名服务器
查看>>
丢失Android系统库或者Conversion to Dalvik format failed with error 1错误的解决
查看>>