Jquery隐藏/显示模板

我有两个css模板，即wrapper1和wrapper2，它们都是300 x 250。我想显示模板1，然后隐藏模板1并显示模板2。这是我的工作，我正在使用jquery

<div id="wrapper1">
    Template1
</div>

<div id="wrapper2">
    Template2
</div> 

$( document ).ready(function() {
    $("#wrapper1").delay( 800 ).fadeOut( 400 );
    $("#wrapper2").delay( 1000 ).show();
});

模板1
模板2
$（文档）.ready（函数（）{
$（“包装器1”）。延迟（800）。淡出（400）；
$（“#wrapper2”）.delay（1000.show（）；
});

我做错了什么？？？。

试试这个：

$(document).ready(function () {
    $("#wrapper1").delay(800).fadeOut(400, function () {
        $("#wrapper2").delay(400).show();
    });
});

此外，加上：

display:none;

到

#包装器1

在init hide

#wrapper2

处。800毫秒后，淡出并显示为回调

$( document ).ready(function() {

$("#wrapper2").hide();

$("#wrapper1").delay( 800 ).fadeOut( 400 , function() {

    $("#wrapper2").delay( 200 ).show();

});

});

---

请参阅：

“我在这里做错了什么？”-很难说。发生了什么，它与您期望的有什么不同？它不像我一样工作开始时它显示两个模板，但我需要隐藏模板2，然后显示模板1，然后隐藏它和模板2，您明白我的意思了吗？好吧，那么“…它不工作…”是什么意思？它怎么不起作用？页面没有加载吗？页面是否锁定浏览器？包装器1是否从未显示？包装1永不褪色吗？或者包装器2从未显示。。。