jquery - 想用jquery淡入效果，但想用visibility:hidden最初

Question

似乎大多数 jquery 淡入/淡出和动画功能都基于具有显示的初始元素：无而不是可见性：隐藏。

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

Answer 1

当然，开始visibility: hidden然后做：

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

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

Answer 2

您也可以尝试像这样（演示）作为fadeIn

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