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

你可能感兴趣的文章
Asp.net实现URL重写
查看>>
UVA 11796Dog Distance[平面几何]
查看>>
笔试题--mulicore编程题
查看>>
redis 常用命令
查看>>
Python语言学习 (十)1.1
查看>>
版面绘图失败问题记录
查看>>
无线Web开发经验谈
查看>>
[置顶] 多操作系统平台协同开发时 GIT 的注意事项: 不同操作系统中的换行符(不要使用git的换行符自动转换功能,并且,尽可能保证代码的换行符都是unix); 避免使用第三方插件(...
查看>>
为什么鼠标光标向左倾斜,而不是垂直的?
查看>>
Valid Sudoku leetcode
查看>>
临时存存储页面上的数据---js中的cookie
查看>>
centos 安装php trie_fileter 扩展
查看>>
mybatis中的#和$的区别
查看>>
动态代理是基于什么原理?
查看>>
[BZOJ3312][USACO]不找零(状压DP)
查看>>
如何使用fio模拟线上环境
查看>>
webpack 入口起点(Entry Points)
查看>>
衣码对照表
查看>>
从输入URL到页面渲染出来的过程?(搭建知识体系)
查看>>
vue2.0构建全栈项目(前后分离实践,vuex的使用)【2】
查看>>