jquery实现后台系统左侧菜单的点击展开/收缩二级菜单效果

2021-07-01 00:13

阅读:584

标签:row   href   item   icon   展开   css   htm   .com   ack   

技术分享

html:

class="col-sm-3 col-md-2 sidebar">
class="totalt">系统管理系统

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实现这种竖直手风琴菜单真的容易好多。

jquery实现后台系统左侧菜单的点击展开/收缩二级菜单效果

标签:row   href   item   icon   展开   css   htm   .com   ack   

原文地址:http://www.cnblogs.com/iriliguo/p/7134393.html


评论


亲,登录后才可以留言!