jQuery исчезает и исчезает

Question

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

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

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

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

Answer 1

fadeOut может принимать функцию обратного вызова, которая запускается после завершения первого эффекта:

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

Это должно сделать это.