在对h2的fadeIn和fadeout效果之后追加h3

Question

我希望在对h2的fadein和fadeout效果后附加h3。我试过但我没有得到。 fidde

$(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

Like this??

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]);
});