jQuery按顺序淡入/淡出

Question

我试图让一组方格div（“。block”）在点击一个时淡出，由更大的div（“#container”）替换，一旦淡出就会淡入。这很好用：

$('.block').animate({opacity:0},400,'swing',function(){ $('#container").fadeIn();});

我在这里使用“animate”，因为我不想让块占用的空间在淡出时崩溃（如果我使用fadeOut会发生这种情况）。

'#container'div有一个关闭按钮，当点击它时应该淡出容器并再次将块淡出。这就是问题所在：当单击关闭按钮时，容器会淡出，但新块会突然出现，好像它们没有等待容器先关闭一样。代码：

$('#container').fadeOut(400,function(){ $('.block').animate({opacity:100},400,'swing');});

Answer 1

$('#container')未正确关闭..

$('.block').animate({opacity:0},400,'swing',function(){ $('#container').fadeIn();});