jQueryの置き換え - フェードアウト /フェデイン

Question

これは非常に基本的なものに出くわすと思いますが、私はjQueryの素晴らしい世界で真新しいです。

ここに私の単純な動作コードを置き換えます：

<div>yes yes </div>
<script>$('div').replaceWith('<span>no no</span>');</script>

私が達成しようとしているのは、「はいはい」divからフェードアウトしてから、新しい「いいえ」スパンでフェードします

アイデアの人はいますか？

Answer 1

$('div').fadeOut(1000,function(){ $(this).text('no no').fadeIn(1000); });

Fadeoutが提供するコールバック機能を使用します

Answer 2

$('div').fadeTo(1000, 0, function(){ $(this).html('<span>no no</span>').fadeTo(1000, 1); });

私は取る ドキシック Fadetoでもう少し提案してください。また、あなたが議論していた.html関数も組み込みました。 fadetoは、少し柔軟性を与え、stop（）機能が最終的に再生された場合に望ましくない動作を回避するため、私はfadetoを好みます。言うまでもなく、あなたは好きな割合に消えていくことができます。