如何在一个元素上使用jQuery同时实现两个不同的效果？

本文共计312个文字，预计阅读时间需要2分钟。

更新：之前未说明，我使用的是React.js和HTML中的className属性。当使用className时，它会编译成class，而不是这里的class问题。有一个侧边栏目录，我想实现这样的效果：

更新：之前没说明白，我用的是React.jshtml里面的className呈现的时候会编译成class，不是这方面的问题。。有这么一个侧边栏目录，我想实现这样的效果，

更新：之前没说明白，我用的是React.js html 里面的className呈现的时候会编译成class，不是这方面的问题。。

---

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

12345678910111213

   
• HEADER
   
• 概览
   
• 客户管理
   
•         数据统计        
             
  • 日常统计
             
  • 充值统计
             
  • 兑换统计
         
     

123456789$(".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();})