jquery，显示带有淡入淡出的隐藏项目

Question

在jquery中，如何显示隐藏的div，并使其淡入？

Answer 1

最初隐藏元素，以及.hide()或style="display: none;"（或样式表中的display: none;）。然后，只需拨打.fadeIn()，就像这样：

$("#elementID").fadeIn();

display: none调用会在将不透明度淡化为100％时自动删除visibility: hidden;，不会删除{{1}}所以请勿使用此{} ，或者你必须手动删除它。

Answer 2

使用fadeIn()：

$('#hiddendiv').fadeIn();

你可以改变fadein的持续时间：

$('#hiddendiv').fadeIn(1000); // 1000 ms

Answer 3

$("selector_for_your_div").fadeIn("slow");

为了您的启发，所有捆绑的jQuery动画效果/工具的文档位于：
http://api.jquery.com/category/effects/

请参阅： Jquery Documentation for fadeIn()

Answer 4

使用 fadeIn

$("selector").fadeIn();

  

通过淡化显示匹配的元素   它们是不透明的。

要随时隐藏它，您可以使用：

请注意，您最初应使用css或jquery隐藏它。

<强> fadeOut

Answer 5

对Nick Craver的完整答案：

如果元素已经具有显示属性（例如display：block），请不要将其替换为display：none。相反，只需添加一个额外的显示属性。只需确保在其他显示属性之后（下）添加display：none。重复属性时，最后一个值优先。

.class {
   ...
   display:block;
   display:none;
}

您的元素最初将被隐藏（因为第二个显示属性）。一旦fadeIn（）启动它将删除display：none但不会触及第一个显示（显示：我的例子中的块）。然后，第一个显示属性将用于在类褪色时为其设置样式，并在完成fadeIn（）后保持不变。

Answer 6

*selector*.fadeIn(*speed in miliseconds*)是您要寻找的功能。

如果您希望div在未显示时保留其空间，请使用style="opacity:0;"而不是display:none;