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

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

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

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

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

---

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