jQuery淡入淡出

Question

我有三个div：A，B和C.目前可见A，我希望B替换它。我可以通过以下方式轻松完成此任务：

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

然而，这将导致变化非常突然。然而，如果我将“隐藏”替换为“fadeOut”并将“show”替换为“fadeIn”，那么A仍在消失，而B仍然在渐渐消失并且看起来相当令人困惑。在开始淡入之前，如何让B等待A淡出？

提前致谢：）

Answer 1

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

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

应该这样做。