Я пытаюсь настроить некоторый код так, чтобы у меня был сначала скрытый, но затем исчезающий после загрузки страницы.

У меня есть следующий 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 () вернет его обратно на страницу. К сожалению, это не сработало.

Вы можете просмотреть код здесь:скрипка

Так может кто-нибудь, пожалуйста, скажите мне, как сохранить<div> скрытый, пока страница не загружается, а затем исчезает с помощью jQuery?

Спасибо!