想要使用jquery淡入效果，但想要使用visibility：hidden最初

Question

似乎大多数jquery fadein / out和animate函数都基于具有display：none的初始元素，而不是visibility：hidden。

如果我希望初始元素在页面上占用空间（即使用visibility：hidden），然后使用淡入/淡出或幻灯片效果，该怎么办？有一个简单的方法吗？

Answer 1

当然，从visibility: hidden开始，然后执行：

$('.your-element').css('visibility','visible').hide().fadeIn();

借用very similar个问题。

Answer 2

你也可以尝试这样的事情（Demo）作为fadeIn

$('div').css({opacity: 0, visibility: "visible"}).animate({opacity: 1}, 'slow');