我有三个div：A，B和C。目前A是可见的，我希望B来替换它。我可以轻松地通过以下方式实现：

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

然而，那会导致变化相当突然。但如果我将“隐藏”替换为“淡出”并将“展示”替换为“淡入”，那么A仍在淡出，而B仍在淡入，看起来相当混乱。我怎样才能让B在A淡出后再开始淡入呢？

提前感谢。