Jquery显示和隐藏div

我有三个部门如下

<div id="div1"></div>
<div id="spinnerDiv" style="display:none"></div>
<div id="div2" style="display:none"></div>

---

使用

setTimeout

进行尝试：

$("#div1").hide();
$("#spinnerDiv").show();
setTimeout(function() {
    $("#spinnerDiv").hide();
    $("#div2").show();
}, 3000);

---

使用

setTimeout

进行尝试：

$("#div1").hide();
$("#spinnerDiv").show();
setTimeout(function() {
    $("#spinnerDiv").hide();
    $("#div2").show();
}, 3000);

---

尝试对函数的第一部分使用回调而不是hide（），因为我不喜欢延迟，所以我会使用setTimeout：

$("button").click(function(){
    $("#div1").fadeOut(1, function () {
        var s = $("#spinnerDiv");
        s.show();
        setTimeout(function () {
            s.hide();
            $("#div2").show();
        }, 3000);
    });
}

---

尝试对函数的第一部分使用回调而不是hide（），因为我不喜欢延迟，所以我会使用setTimeout：

$("button").click(function(){
    $("#div1").fadeOut(1, function () {
        var s = $("#spinnerDiv");
        s.show();
        setTimeout(function () {
            s.hide();
            $("#div2").show();
        }, 3000);
    });
}

---

您是否尝试过改用

setTimeout

button click function(){
     $("#div1").hide();
     $("#spinnerDiv").show();

     setTimeout(function () {
        $('#spinnerDiv').hide();
        $("#div2").show();
     }, 3000);

}

---

您是否尝试过改用

setTimeout

button click function(){
     $("#div1").hide();
     $("#spinnerDiv").show();

     setTimeout(function () {
        $('#spinnerDiv').hide();
        $("#div2").show();
     }, 3000);

}

给你

函数thisAction（）{
$（“#div1”）.hide（）；
$（“#spinnerDiv”）.hide（）；
$（“#div2”）.hide（）；
$（“#spinnerDiv”）.show（）.delay（3000）.队列（函数（）{
$（this.hide（）；
$（“#div2”）.show（）；
});
}

第一组
喷丝头
第二组

给你

函数thisAction（）{
$（“#div1”）.hide（）；
$（“#spinnerDiv”）.hide（）；
$（“#div2”）.hide（）；
$（“#spinnerDiv”）.show（）.delay（3000）.队列（函数（）{
$（this.hide（）；
$（“#div2”）.show（）；
});
}

第一组
喷丝头
第二组

您的代码运行正常，请用代码段检查我的答案。您是对的。只是因为我这边的一些错误而出错了。任何接受除上述代码之外使用不同方法的答案的方法都正常，请用代码片段检查我的答案。你是对的。由于我这边的一些错误，我只是弄错了。任何接受答案的方法都不同于上述方法。请在动画效果后再次单击按钮。请在动画效果后再次单击按钮。