Javascript 页面加载2秒后显示div

我目前正试图在页面加载2秒后显示一个div。我可以通过在页面加载两秒钟后隐藏div成功地完成相反的操作。问题是什么都没有发生，div保持隐藏状态。如何在页面加载两秒钟后正确显示div？额外：意味着在运行两秒钟时，显示一个ajax加载gif，然后在div中淡入淡出

<script type = "text/javascript">  
$(window).load(function() {
    setTimeout(function() {
        $("#contentPost").show('fadeIn', {}, 500)
    }, 2000);
});
</script>

$（窗口）。加载（函数（）{
setTimeout（函数（）{
$（“#contentPost”）.show（'fadeIn'，{}，500）
}, 2000);
});

html/css

<style>
.contentPost { display:none;}
</style>

<div class="contentPost">
 <h2>Hi there</h2>
</div>

.contentPost{display:none；}
你好

我从来没有见过你这样写的show方法。尝试将其更改为使用jquery方法：

$（函数（）{
美元(contentPost).delay(2000).fadeIn(500),；
});

该方法不接受任何参数，并且不会按您希望的方式工作

$(document).ready(function() {
    $(".contentPost").delay(2000).fadeIn(500);
});

---

将很好地工作。

显示您的HTML-如何开始隐藏它？@SteveH。我已经添加了HtmlHat漂亮的jQuery优雅。@Mooseman仍然没有显示任何内容。我用HTML更新了我的问题。我实际上是在用css

display:none隐藏div
.fadeIn（500）将覆盖
显示：无
。我只是注意到你的HTML使用了类名，而不是ID。我更新了我的答案以反映这一点。仍然没有显示任何内容。我用HTML更新了我的问题。我实际上是在用css
display:none隐藏div@Undefined show（）可以采用选项。
$(document).ready(function() {
    $(".contentPost").delay(2000).fadeIn(500);
});