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

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

如果我希望初始元素在页面上占用空间（即使用可见性：隐藏），然后使用淡入/淡出或幻灯片效果，该怎么办？ 是否有捷径可寻？

Answer 1

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

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

借用了一个非常相似的问题。

Answer 2

您也可以尝试这样的（ Demo ）作为fadeIn

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