Как устранить «вспышку нестандартного контента», например поведение

Question

У меня есть слайдер jquery accordian, который берет серию списков определений и превращает их в интерактивный виджет слайдера.

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

Есть какие-нибудь идеи относительно общего подхода к смягчению этого эффекта? Предлагает ли jQuery метод быстрого решения?

Вот моя работа ...

CSS:

.my_slider {visibility:hidden;}

JQuery:

jQuery(document).ready(function () {    
jQuery('#slider-1').slider({ 
        autoStart: true, 
        slideInterval: 5000,
        slideNum:false,
}); 
jQuery('.my_slider').show();

});

Что мне не хватает? Это не переключает видимость div на видимое.

Answer 1

Разработайте список определений приемлемым, привлекательным способом. Клонируйте базовую разметку, сделайте разметку для слайд-шоу в памяти и, когда она будет отображена, замените текущий отображаемый список.

Answer 2

Один из методов - установить для всего аккордеона значение display: none; и вместо него использовать заполнитель div того же размера.Вы можете получить как можно больше фантазии с заполнителем или просто оставить его пустым;это все личные предпочтения.Настройте некоторые jQuery так, чтобы, как только страница загружалась, временный div удалялся и показывался аккордеон.