Jquery显示和隐藏div

Question

我有 3 个 div，如下

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

在按钮上单击我想按以下方式显示 div

Step 1: Hide the div1
Step 2: Show spinnerdiv for few milliseconds say 3000
Step 3: Hide spinnerdiv and show div2

我尝试了以下方法，但无法正常工作:

button click function(){
    $("#div1").hide();
    $("#spinnerDiv").show().delay(3000).queue(function () {
        $(this).hide();
        $("#div2").show();
    });
}

Answer 1

尝试使用setTimeout:

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