jquery，顯示一個隱藏的項目與fadeIn

Question

在jQuery中，我怎麼能顯示一個隱藏的div，並使其淡入？

Answer 1

就隱藏元素開始，醚與.hide()或style="display: none;"（或樣式表中的display: none;）。然後，只需撥打.fadeIn()，像這樣：

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

的.fadeIn()調用自動刪除display: none，當它消失的不透明度爲100％，它不會刪除visibility: hidden;所以不要用這種，或者你」必須手動刪除它。

Answer 2

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

爲了您的薰陶，對所有的捆綁jQuery的動畫效果/工具文檔位於：
​​

參見：Jquery Documentation for fadeIn()

Answer 3

使用fadeIn()：

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

你可以改變淡入的持續時間：

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

Answer 4

使用fadeIn

$("selector").fadeIn(); 

顯示墊子通過褪去 他們到不透明的元素。

要隨時隱藏回來，你可以使用：

請注意，你應該開始使用CSS或jQuery的隱藏它。

fadeOut

Answer 5

選擇 .fadeIn（速度以毫秒爲單位）是你要找的功能。

如果您希望div在未見的情況下保留其空間，請使用style =「opacity：0;」而不是顯示：無;

Answer 6

只是爲了尼克Craver完美的答案額外的評論：

如果元素已經有一個顯示屬性（例如顯示：塊），不能代替與顯示：無。相反，只需添加一個額外的顯示屬性。只要確保在其他顯示屬性之後（下）添加display：none。當一個屬性重複時，最後一個值優先。

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

您的元素將被初始隱藏（因爲第二個顯示屬性）。一旦fadeIn（）啓動，它將刪除display：none，但不會觸及第一個顯示（在我的示例中爲display：block）。第一個顯示屬性將用於在淡入淡出時對類進行樣式設置，並在fadeIn（）完成後保持放置狀態。