页面加载时的 jQuery .fadeIn() ？

我正在尝试设置一些代码，以便我有一个首先隐藏但在页面加载后淡入的代码。

我有以下 HTML 代码：

<div class="hidden">
<p>This is some text.</p>
</div>

然后我还有这个 CSS 代码，它隐藏了<div>.

div.hidden
{
    display: none
}

最后，我有我的 jQuery：

$(document).ready(function() {
    $('div').fadeOut(1);
    $('div').removeClass('hidden');
    $('div').fadeIn(1000);
});

我希望发生的是第一个 .fadeOut() 会淡出 ，removeClass 会阻止 CSS 隐藏它，最后一个 .fadeIn() 会将它淡出回到页面上。不幸的是，这不起作用。

您可以在此处查看代码：Fiddle http://jsfiddle.net/Bm62Y/

那么有人可以告诉我如何保持<div>隐藏直到页面加载，然后使用 jQuery 淡入淡出？

Thanks!

问题是fadeIn适用于隐藏元素，当您在fadeIn()被称为元素已完全显示，因此无需进行任何操作fadeIn()

它应该是

$(document).ready(function () {
    $('div.hidden').fadeIn(1000).removeClass('hidden');
});

Demo: Fiddle http://jsfiddle.net/arunpjohny/2nzHT/