jquery - h2 へのフェードインとフェードアウト効果の後に h3 を追加

Question

h2のフェードインとフェードアウト効果の後にh3を追加したい。試しましたが取れませんでした。フィデ

$(function(){
    var jj= ['<h1>text1</h1>','<h2>text2</h2>','<h3>text3</h3>'];
    $.each(jj, function(i){
        $('body').append(jj[i])
        $('h2').fadeOut('slow').fadeIn('fast')
    })
})

Answer 1

このような？？

var jj= ['<h1>text1</h1>','<h2>text2</h2>','<h3>text3</h3>'];

$('body').append(jj[0]);
$('body').append(jj[1]);

$('h2').fadeOut('slow').fadeIn('fast', function(){
    $('body').append(jj[2]);
});