jQuery抽屉式侧边栏导航展开收缩下拉菜单代码下载

眼镜333 今日头条 工程师  2018-06-21 12:06:23
比较通用的侧栏收缩菜单jquery特效,点击可展开或收缩,应用于各类导航,除了二级菜单外也可以改成多级分类菜单。

收缩时间特效在menu.js里面设置,根据不同元素的不同状态切换样式;导航菜单的css样式也可以自由调整,根据个人喜好可以调整为多种颜色。


$(".menu_list ul li").click(function() {
//判断对象是显示还是隐藏
if($(this).children(".div1").is(":hidden")){
//表示隐藏
if(!$(this).children(".div1").is(":animated")) {
$(this).children(".xiala").css({'transform':'rotate(180deg)'});
//如果当前没有进行动画,则添加新动画
$(this).children(".div1").animate({
height: 'show'
}, 1000)
//siblings遍历div1的元素
.end().siblings().find(".div1").hide(1000);
}
} else {
//表示显示
if(!$(this).children(".div1").is(":animated")) {
$(this).children(".xiala").css({'transform':'rotate(360deg)'});
$(this).children(".div1").animate({
height: 'hide'
}, 1000)
.end().siblings().find(".div1").hide(1000);
}
}
});
相关下载链接://download.csdn.net/download/qq_34050360/10490119?utm_source=bbsseo
...全文
87 点赞 收藏 回复
写回复
回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
相关推荐
发帖
下载资源悬赏专区
创建于2007-03-31

9007

社区成员

CSDN 下载资源悬赏专区
申请成为版主
帖子事件
创建了帖子
2018-06-21 12:06
社区公告
暂无公告