Всем привет! Ребята, помогите решить проблему. Заранее прикрепляю ссылку на загрузку zip архива (внутри 1 html файл, изображение и скрипт lazy load) -
http://fl-rebirth.16mb.com/test.zip
Проблема в следующем. Возьмем к примеру код:
<div class="item">
<div class="button"><a href="#" class="stats-btn">Проповедник<span></span></a></div>
<div class="dropdown">
<div class="hide">
<br>
<img class="lazy" data-original="preacherD.jpg">
<br><br><!--[if lt IE 9]><? echo $no3d;?><![endif]-->
<a class="fancybox fancybox.iframe link" href="https://sketchfab.com/models/ecad35bf5ac643ffa40d402a4a53de13/embed">Просмотр в 3D</a>
<p>
Класс: <span class="stats-price">Сверхлегкий истребитель (разведчик)</span><br>
Орудия/турели: 1/0<br>
Броня: 9000<br>
Грузовой трюм: 50<br>
Батареи/Нанороботы: 70/70<br>
Оптимальный класс оружия: 8<br>
Макс. класс оружия: 8<br>
Доп. оборудование: CMx2<br>
Скорость:1600<br>
Маскировка: присутствует (бесконечная)<br>
3 слота под ускорители <br>
Цена: <span class="stats-price">200 рублей</span>
</p>
</div>
</div>
</div>
Блок dropdown с контентом внутри позволяет развернуть или свернуть его. Подключив скрипт загрузки изображений только когда они видны на экране, столкнулся с тем что когда открываешь аккордеон то вместо изображения ничего нет. А если подвинуть скролл вниз хотя бы на 1 пиксель, то изображение появляется. Если например оставить все содержимое внутри блока dropdown а сам блок удалить, то изображение нормально подгружается с fadeIn эффектом.
Возможно конфликт с этим фрагментом?
/* Closing all other drop down sections, except the current one */
$('.dropdown').not(dropDown).slideUp('slow');
dropDown.slideToggle('slow');
Архив скинул чтобы вы сами посмотрели в чем суть описаной проблемы. Помогите разобратся, я запутался!