开发者社区> 问答> 正文

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 1857 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中的函数 立即下载
JavaScript函数 立即下载
Javascript中的对象 立即下载