jquery - 切换带有动画的类

Question

我想要这样的东西:

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

我知道我可以使用 jQuery UI 实现此目的，但我正在寻找更快、更小的解决方案，因为我不想在我的网站中集成另外 20-90 kb

Answer 1

改用.animate()。您需要为想要更改的各个样式设置动画。例如。 .animate( { height: "500px", width: "200px"}, 2000 ) 在 2 秒内将高度和宽度更改为这些值。 jQuery UI 允许您从类更改中派生动画，而纯 jQuery 则不能。