Загрузить DOM перед CSS?

Question

Мой код jQuery устанавливает высоту элемента равной 0 пикселей, как только страница загружается, а затем анимирует ее на 500 пикселей.

В моем CSS этот элемент уже установлен на 500px (на случай, если у кого-то отключен JavaScript).

Я попробовал 'DEFER' в теге, где я ссылаюсь на таблицу стилей, чтобы CSS загружался в последнюю очередь, но это приводит к появлению пустой белой страницы между переходами по страницам - что мне не нужно, потому что Я теряю эффекты плавного перехода страницы, которые мне нужны.

Есть ли способ, которым я могу установить высоту в CSS равной 0px и если javascript IS выключен, возможно, он установлен на 500px? : \ Это то, что я после, в действительности.

Есть идеи?

Большое спасибо за вашу помощь.

Answer 1

Если вы женаты на этом, я бы включил файл noscript.css. Сделайте что-то подобное в вашем:

<noscript>
    <link rel="stylesheet" type="text/css" href="noscript.css" />
</noscript>

Включите туда любой CSS, который вы хотите загрузить при отсутствии javascript.