javascript - ToggleClass 动画 jQuery？

Question

我的网站上有一个部分，当用户点击时我希望它展开，为此我使用了 jQuery 的 toggleClass...

expandable: function(e) {
    e.preventDefault();
    $(this).closest('article').toggleClass('expanded', 1000);
}

这工作正常，只是我想以某种方式对其进行动画处理。在 chrome 中，我的文章慢慢地增长到新的大小，只有在 Firefox 中，它会“立即”调整自身大小而没有动画，有没有办法让这个动画？

Answer 1

jQuery UI 扩展了 jQuery native toggleClass 以采用第二个可选参数:duration

toggleClass( class, [duration] )

Docs + DEMO