jQuery 淡入淡出

Question

我有三个 div:A、B 和 C。A 当前可见，我希望 B 替换它。我可以通过以下方式轻松做到这一点:

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

但是，这会导致变化非常突然。然而，如果我将“隐藏”换成“淡出”，将“显示”换成“淡入”，那么 A 仍然淡出，而 B 仍然淡入，看起来非常困惑。如何让 B 等待 A 淡出后再开始淡入？

提前致谢:)

Answer 1

fadeOut 可以接受第一个效果完成后运行的回调函数:

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

应该可以了。