jQuery淡入淡出

我有三个div:A,B和C.目前可见A,我希望B替换它.我可以通过以下方式轻松完成此操作:

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

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

提前致谢 :)

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

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

应该这样做.