Функция SlideUp в Jquery

Question

У меня есть функция слайда вверх и слайд вниз по моему сценарию, все работает. Проблема заключается в том, что DIV-файлы разрушены и не скрыты, как я смогу скрыть элементы div при запуске страницы. я попытался установить DIV на скрытый, но безуспешно.

Answer 1

При «запуске» DIV должны быть скрыты с помощью встроенных стилей:

<div style="display:none">...<.div>

Answer 2

Как уже упоминалось, вы должны скрыть свой элемент, прежде чем его можно будет сдвинуть вверх.

Но это плохая практика - скрывать div в CSS, гораздо лучше использовать JavaScript, чтобы скрыть их при загрузке, потому что многие пользователи блокируют JavaScript при просмотре веб-страниц.

Если вы спрятали свои div-элементы в CSS, пользователи с заблокированным JavaScript вообще не смогут видеть ваш контент, но они смогут видеть все, если вы скрываете элементы с помощью JavaScript при загрузке.

Answer 3

Предположим, у вас есть эти divs:

<div id="div_id">Some Content</div>
<div id="div_id2">Some More Content</div>

Вот как вы можете сначала скрыть их:

С помощью CSS:

div#div_id
{
   display:none;
}

div#div_id2
{
   display:none;
}

/* and so on */

Или с помощью jQuery:

$(function(){
  $('div#div_id').hide();
  $('div#div_id2').hide();
  // and so on
});