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 淡出后再将其清空！

Answer 3

使用fadeOut的回调：

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