jQuery toggleClass正在工作，但没有动画效果

Question

此代码$(this).data('parentWidget').toggleClass(COLLAPSE_CLASS, 1000);绑定到按钮单击，正在成功地切换COLLAPSE_CLASS的打开和关闭。但是，效果不是动画效果。

在css中，原始元素有一个定义的高度:85px。当添加折叠类时，.collapse {.collapse:20px；}只有高度发生变化。

正如我所提到的，在切换高度方面，这就像是一个护身符。我看不到的是任何形式的过渡效果。在什么情况下，这种简单的过渡效果可能不起作用？不用说，关于这个主题的jQuery documentation很少。

Answer 1

对于其他像我一样愚蠢的人，一定要确保你正在加载你的jQuery.ui.core.js文件(或者构建一个自定义的jquery ui版本)。我的示例是在WordPress的上下文中，我天真地假设它加载的是jQueryUI。显然，toggleClass是jquery.core的一部分(所以切换部分无论如何都可以工作)，但转换依赖于jquery.ui.core (也许还有其他？不确定)