如何在使用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); 
});