JQuery fadeOut fadeIn選択した要素を変更するときの問題

Question

コンテナの内容をフェードアウトしようとしているときに、新しいhtmlに置き換えて再度フェードインしようとしています。* 注：コンテナには常に少なくとも1つの子div私は、いくつかの異なる方法を試してみました

$("#identifier div:first").fadeOut(300,function(){ 
    $(this).parent().html("<div> some new element </div>"); 
}).fadeIn(300); 

、そして運：

は、ここに私のコードです。新しい要素が現れますが、求められるフェード効果はありません。

私は投稿1が最も明確なように思えたが...残りは最高

でロングショットだった私は、これはおそらく、このようなタスクを実行するための正しい方法ではありません、しかし、それはすべて私であることを前提としてい考えることができます。いずれの方向にも感謝します。

乾杯！

Answer 1

この

$("#identifier div:first").fadeOut(300,function(){ 
    $(this).parent().html("<div> some new element </div>") 
    $(this).fadeIn(300); 
}); 

Answer 2

はこれを試してみてください試してみてください：

$('#identifier').children().first().fadeOut(300,function(){ 

     $(this).html("Some new element"); 

    }).fadeIn(300); 

デモ：

http://jsfiddle.net/hnVaF/