侧边导航收缩伸展效果, 兼容主流浏览器,懒人图库推荐下载!
使用方法:
1、head区域引用文件lrtk.css及js库
2、引入js代码
$(function(){
$(".subNav").click(function(){
// currentDd 对应收起的样式, currentDt 对应展开的样式
$(this).toggleClass("currentDd").siblings(".subNav").removeClass("currentDd")
$(this).toggleClass("currentDt").siblings(".subNav").removeClass("currentDt")
// 修改数字控制速度, slideUp(500)控制卷起速度
$(this).next(".navContent").slideToggle(500).siblings(".navContent").slideUp(500);
})
})
3、html代码