jquery - フェードアウト + div を空にしてから、新しいコンテンツを挿入する

Question

div のコンテンツをフェードアウトしながら、新しいコンテンツに備えて div を維持する良い方法は何ですか?

と

$('#info').html('').fadeOut(500);
or
$('#info').fadeOut(500).html('').show();

div コンテンツが消えるだけで、新しいコンテンツは表示されません

と

 $('#info').fadeOut(500);

div は正常にフェードしますが、新しいコンテンツは表示されません

Answer 1

$('#info').fadeOut(500, function() {
   $(this).empty().show();
});

Answer 2

$('#info').fadeOut(500, function() {
   $(this).html('').show();
});

div がフェードアウトするまで待ってから emty します!

Answer 3

フェードアウトのコールバックを使用します。

$('#info').fadeOut(500, function() {
  $('#info').html("New Content").show();
});