JQuery постепенно появляется и исчезает

У меня есть три div: A, B и C. A в настоящее время виден, и я хочу, чтобы B заменил его. Я мог бы легко сделать это с помощью следующего:

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

Однако это приведет к резкому изменению. Однако если я поменяю местами «hide» на «fadeOut» и «show» на «fadeIn», то A все еще будет исчезать, а B все еще исчезает, и это выглядит довольно запутанным. Как я могу заставить B ждать, пока A не исчезнет, ​​прежде чем он начнет исчезать?

Заранее спасибо :)