Ich versuche, Code so einzurichten, dass ich einen Code habe, der zuerst ausgeblendet wird, aber dann eingeblendet wird, nachdem die Seite geladen wurde.

Ich habe folgenden HTML-Code:

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

Dann habe ich auch diesen CSS-Code, der das verbirgt<div>.

div.hidden
{
    display: none
}

Endlich habe ich meine jQuery:

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

Was ich gehofft hatte, war, dass das erste .fadeOut () das ausgeblendet, die removeClass das CSS daran hindert, es auszublenden, und das letzte .fadeIn () es wieder auf die Seite zurückblendet. Das hat leider nicht geklappt.

Sie können den Code hier ansehen:Geige

Kann mir bitte jemand sagen, wie ich einen behalten soll?<div> ausgeblendet, bis eine Seite geladen und dann mit jQuery eingeblendet wird?

Vielen Dank!