jQuery淡入淡出

Question

我有三个div：A，B和C。A当前可见，我希望B替换它。我可以使用以下命令轻松完成此操作：

$('#A').hide();
$('#B').show();

但是，这将导致更改非常突然。但是，如果我将“ hide”替换为“ fadeOut”，将“ show”替换为“ fadeIn”，则A仍在淡出，而B仍在淡入，这看起来非常令人困惑。如何让B等待A淡出，然后才开始淡入？

提前感谢：）

Answer 1

fadeOut可以采用在第一个效果完成后运行的回调函数：

$('#A').fadeOut(function () {
    $('#B').fadeIn();
});

应该这样做。