Javascript jQuery逐个淡出多个div，然后同时淡出所有div

$（文档）.ready（函数（）{
$（'#divBTN'）。单击（函数（）{
美元（“#div1”）。淡出（1000）；
$（“#第2分部”）。淡出（2000年）；
美元（“#div3”）。淡出（3000）；
$（'div1，'div2，'div3'）。fadeIn（4000）；
});
});







点击我您需要等待淡出结束，然后等待淡出元素。因此，在淡入淡出结束和淡入淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡


$（'#divBTN'）。单击（函数（）{
美元（“#div1”）。淡出（1000）；
$（“#第2分部”）。淡出（2000年）；
$（“#div3”）.fadeOut（3000，function（）{
$（'div1，'div2，'div3'）。fadeIn（4000）；
});
});







点击我实际上，您可以同时淡出所有元素，但动画速度不同。如果您想使用相同的动画速度一个接一个地将它们淡出，则必须等到每个
淡出
完成后，再调用另一个
淡出（）
。在下一个示例中，我将演示如何使用递归过程将此动画泛化为（X个连续元素）


$（文档）.ready（函数（）
{
var衰减速度=2000；
var fadeInSpeed=3000；
var seqFadeOutThenFadeAllIn=功能（元素）
{
//检查是否存在下一个元素。
如果（！元素长度）
{
//淡入所有元素。
$（“.custom div”）.fadeIn（fadeInSpeed）；
}
其他的
{
//淡出下一个元素。
元素衰减（衰减速度，函数（）
{
seqfadeoutthenfeallin（元素next（“.custom div”）；
});
}
}
$（'#divBTN'）。单击（函数（）
{
//开始淡出集合中的第一个元素。
seqfadeoutthenfeallin（$（“.custom div”）.first（））；
});
});
.custom div{
宽度：70px；
高度：30px；
边缘底部：20px；
背景颜色：绿色；
}

点击我正如Mohammad所建议的，您可以使用等待一个用户完成操作，然后为下一个用户启动命令的方法

下面的示例将一对一地隐藏它们，一旦全部隐藏，则显示它们全部：

$('#divBTN').click(function(){
    $("#div1").fadeOut(1000, function(){
        $("#div2").fadeOut(1000, function(){
            $("#div3").fadeOut(1000, function(){
                $('#div1,#div2,#div3').fadeIn(1000);
            });
        });
    });
});

谢谢大家！。。。这里的每一个答案都对我有用。现在我有很多方法去做！。。。我试着像你们一样做“回调”，只是我做错了。。再次感谢！