jQuery:如何在类之间淡入淡出？

Question

我需要能够在类之间淡入淡出并无缝过渡应用于元素及其子元素的所有样式。如何使用 jQuery 完成此操作？我知道如何添加/删除类，但这与两种截然不同的颜色之间的完美过渡不同。

Answer 1

jQuery UI 有一个 toggleClass 函数，它有一个持续时间的参数:

http://jqueryui.com/demos/toggleClass/

例如，我在我的一个站点上执行此操作(淡入/淡出 light 类并淡入/淡出 dark 类):

$('body').toggleClass('light', 250).toggleClass('dark', 250);