jquery - 如何在两个类之间使用 jquery Animate() 和 .slideToggle()

Question

我正在尝试使用此方法为更改 div 宽度添加一些平滑度(动画)

$("#changer").on("click",function(){
  $("#thediv").toggleClass("w-2 w-1");
});

CSS:

.w-1{height :200px witdh: 200px;}
.w-2{height :200px witdh: 300px;}

如您所知，我可以切换类，但更改大小的速度非常快，导致就像一次跳过所有元素一样。现在我需要使用一些效果，如 CSS3 或 jQyery 动画来顺利切换类。你能告诉我怎么做吗？

我已经试过了:

$("#changer").on("click",function(){
  $("#thediv").toggleClass(1000, "col-md-2 col-md-1");
});

增加了一些速度，但没有效果

Answer 1

此外，请确保您使用的是 jquery UI，然后快速使用 toggleClass。记住第一个参数是类名，第二个参数是速度，所以试试这个

$("#thediv").toggleClass("col-md-2 col-md-1", 1000); 

而不是这个 -

$("#thediv").toggleClass(1000, "col-md-2 col-md-1");

Aksom 看到这个例子 -- http://jsfiddle.net/yKFjA/1/