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

你可能感兴趣的文章
MBT Sport White of experience
查看>>
CF487E Tourists
查看>>
【bzoj2141】排队 [国家集训队2011]排队(树套树)
查看>>
FFmpeg(二) 解封装相关函数理解
查看>>
JS---改变图片大小
查看>>
Codeforces Round #348(VK Cup 2016 - Round 2)
查看>>
Linux 小知识翻译 - 「版本号」的命名方式
查看>>
ASP.Net TextBox只读时不能通过后台赋值取值
查看>>
文件I/O操作函数 read() write()
查看>>
如何下载免费英特尔® 实感™ SDK
查看>>
vue文件上传 vue-simple-upload的使用方法
查看>>
阿里巴巴一道笔试题目(待更加细致的修正)
查看>>
C/C++中的far和near两个指针
查看>>
Oracle 一次 锁表 处理小记
查看>>
动态表单实现客户端二次过滤及字段汇总统计
查看>>
ES6数组方法
查看>>
ahjesus让nodejs支持dotjs模板
查看>>
PHP快速开发工具箱:轻松解决PHP日常编程问题的100个插件,在线
查看>>
Linux学习的常用命令
查看>>
CF1025B Weakened Common Divisor 数学
查看>>