Question

jQuery UI的一个有用功能是它劫持jQuery addClass方法，通过包含第二个'duration'参数来添加动画支持，如下所示：

$('div').addClass('someclass', 1000);

对于传入的CSS属性，例如color，background-color，width，height等，这一切都正常。

但visibility:hidden等转换 - > visibility:visible和display:none - ＆gt; display:block没有像我期望的那样优雅地淡出。他们只是等到持续时间结束，然后在最后添加课程时出现。

我敢肯定，在过去，我在jQuery UI中看到了这些CSS类型的优雅过渡。有没有人知道这是否可能？

我知道fadeIn和fadeOut方法以及animate方法，但我希望为我的样式表提供更多优先级，而不是必须超载我的脚本带有样式动画逻辑。

我知道CSS3过渡也会这样做，但我正在寻找一种更好的支持方法。

Answer 1

display和visibility没有可转换状态 - 它们可以打开（您可以看到元素）或关闭（您无法看到该元素）。

如果你希望它淡入，那么你必须使用不透明度。