jQuery对同一元素应用两个效果-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

jQuery对同一元素应用两个效果

有这么一个侧边栏目录,我想实现这样的效果,点击一级目录的时候,显示活跃效果,同时,有子目录的目录需要在点击的时候实现展开和收起切换(toggleClass("active"))。不过我的代码里toggleClass好像没起作用,求指导。
screenshot

<ul className="sidebar-menu">
    <li className="header">HEADER</li>
    <li><Link to="/" ><i className="fa fa-link"></i> <span>概览</span></Link></li>
    <li><Link to="customer"><i className="fa fa-link"></i> <span>客户管理</span></Link></li>
    <li className="treeview">
        <a href="#"><i className="fa fa-link"></i> <span>数据统计</span> <i className="fa fa-angle-left pull-right"></i></a>
        <ul className="treeview-menu">
            <li><Link to="general"> <i className="fa fa-link"></i><span>日常统计</span></Link></li>
            <li><Link to="recharge"><i className="fa fa-link"></i> <span>充值统计</span></Link></li>
            <li><Link to="order"> <i className="fa fa-link"></i><span>兑换统计</span></Link></li>
        </ul>
    </li>
</ul>
$(".sidebar-menu li").click(function(){
  $(this).addClass("active").siblings().removeClass("active")
});
$(".treeview").click(function(){
    $(this).toggleClass("active");
});
$(".treeview-menu li").click(function(event){
    event.stopPropagation();
})

展开
收起
小旋风柴进 2016-05-27 11:06:28 1700 0
1 条回答
写回答
取消 提交回答
  • 小旋风柴进

    直接这样可以啦

    $(".sidebar-menu>li").click(function(){
        console.log('sidebar menu li~~')
        $(this).toggleClass("active");
        $(this).siblings().removeClass("active")
    });
    2019-07-17 19:17:24
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新
相关电子书
更多
JavaScript函数
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载