如何在使用jQuery淡化元素後隱藏元素？

Question

$("div#whitebox p").click(function() { 
    $("div#blackout").fadeTo(550, 0).delay(555).hide(); 
}); 

我試圖與上面的代碼來完成是有一定的DIV命名停電淡出，然後得到當我在另一個DIV一個段落標記單擊名爲白盒關閉;我需要使用hide命令將其關閉的原因是因爲如果我不這樣做，遮擋div雖然淡出，仍然覆蓋其他鏈接並使其無法點擊。然而，隨着我使用的代碼，會發生什麼是淡出動畫不起作用，並且停電div只是立即被切斷，甚至沒有任何延遲。如何改進此代碼，以便淡出動畫以及hide（）切換命令？

Answer 1

你完全淡出出來，因爲你的不透明度爲0

也許考慮：.fadeToggle這將模擬您要實現該功能。

Answer 2

淡出有所回調函數本身：

$("div#whitebox p").click(function() { 
    $("div#blackout").fadeOut(550, function() { 
     $(this).hide(); 
    }); 
}); 

Answer 3

可以使用淡出功能。該功能將設置在div顯示：無（因此，你不必調用一個明確的隱藏功能。）

用法：

$("div#whitebox p").click(function() { 
    $("div#blackout").fadeOut(550); 
});