jQuery淡入淡出

我有三个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(); }); 

应该这样做。