Jquery 用动画切换类

我想要这样的东西：

$('#fo').toggleClass('tra', 'slow');

---

我知道我可以通过jQuery UI实现这一点，但我正在寻找一个更快、更小的解决方案，因为我不想在我的站点中集成另一个20-90 kb的使用

.animate（）

。您需要设置要更改的各个样式的动画。例如，

.animate（{height:“500px”，width:“200px”}，2000）

在2秒内将高度和宽度更改为这些值。jQuery UI允许您从类更改中派生动画，而纯jQuery则不行。

如果没有jQuery UI，您可能需要在正确的时间触发CSS3转换/动画（请参阅），或者只需

。使用jQuery制作动画。
您可以做一些事情（但它不是最干净的）：

它还假设您不打算添加任何其他内联样式。虽然我想你可以用这样的东西来代替动画回调：

for ( var p in endCSS ) {
    endCSS[p] = '';
}
el.toggleClass(klass).css(endCSS);

它还使用了一个插件，该插件扩展了
$.fn.css
的使用，以从

简短回答
CSS转换。
指定动画名称作为第三个参数

$('#fo').toggleClass('big-blue', 'slow', "easeOutSine");

@putvande的可能重复项这不是重复项，OP说他不想使用jQueryThe问题具体询问如何在不使用jQueryUI的情况下执行此操作，但此答案中使用的参数仅限于jQueryUI。
$('#fo').toggleClass('big-blue', 'slow', "easeOutSine");