jquery - jQuery toggleClass 工作但没有动画

Question

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

在 css 中，原始元素具有定义的高度：85px。添加折叠类时 .collapse { height:20px; } 只有高度变化。

正如我所提到的，这在切换高度方面就像一个魅力。我没有看到任何类型的过渡效果。在什么条件下，这种简单的过渡效果可能不起作用？不用说，关于这个主题的jQuery 文档很少。

Answer 1

对于像我这样愚蠢的其他人，请确保您实际上正在加载 jQuery.ui.core.js 文件（或构建自定义 jquery ui 版本）。我的示例是在 WordPress 的上下文中，我天真地假设它正在加载 jQueryUI。显然 toggleClass 是 jquery.core 的一部分（所以切换部分无论如何都有效），但转换取决于 jquery.ui.core （也许还有其他人？不确定）