jquery动画顺序执行_jquery怎样设置才能做完上一步动画再执行下一步

比如$('pic1').hide(1000);$('pic2').show(1000);我的想法就是pic1完全消失以后再让pic2出现，但是现在它们两个几乎一起动画HTML：

比如$('pic1').hide(1000);

$('pic2').show(1000);

我的想法就是pic1完全消失以后再让pic2出现，但是现在它们两个几乎一起动画

HTML：

JS:

window.οnlοad=initial;

function initial(){

$('#pic2').hide();

$('#pic3').hide();

$('#pic4').hide();

picShow(1,2);

}

function picShow(last,next){

lastname='#'+("pic"+last);//需要消失的图片的选择器

nextname='#'+("pic"+next);//需要显示的图片的选择器

$(lastname).hide(1000,function(){

last<4?$(nextname).show(1000,nextturn(next)):$('#pic1').show(1000,nextturn(next));

});

}

function nextturn(last){

last<4?picShow(last,last+1):picShow(last,1);

}

当网页开始时，第一个图片消失后，所有图片会一起出现，这是为什么？

展开