Как сделать список <li>скрытым перед отображением?

Question

Я пытаюсь помочь другу с его проектом.

На сайте есть список <li> с некоторыми квартирами.

Вы можете увидеть это здесь: http://karberghus.dk.linux5.unoeuro -server.com

Но при первом посещении сайта вы можете увидеть длинный список с квартирами вместо горизонтальной карусели jquery.

Можно ли исправить эту безобразную загрузку квартир?

Answer 1

установить класс <ul> на стиль CSS, который имеет

display: none

установить на него или, альтернативно, создать встроенный стиль

style = 'display: none'

поэтому при первой загрузке он невидим.

Тогда в вашем jquery

$(document).ready(...)

функция, вы можете подключить ваш плагин карусели и либо удалить класс css, который делает его скрытым, либо удалить встроенный стиль, чтобы сделать его снова видимым.

-m

Answer 2

Установите встроенный стиль на <ul>, чтобы скрыть его изначально (<ul style="display: none">, который затем можно будет переопределить позже после завершения загрузки страницы.

Answer 3

Один из способов - назвать <ul> (может быть <ul id="mylist">) и показать его, когда будет готов:

$(document).ready(function(){
 if (<some condition>) {
   $('#mylist').show();
 }
}