У меня на странице есть пару сотен спойлеров которые имеют разный контент,а именно текст,фреймы ютуба,виджеты и т.д.,при запуске страницы содержимое всех спойлеров грузится целяком и сразу,изза чего браузер виснет на пару минут,как мне сделать так что бы при загрузке страницы грузились лишь заголовки спойлеров а их содержимое не грузилось?
Это покачто моя основная задача так как я немогу даже загрузить страницу так как в ней очень много всего,ну а в дальнейшем нужно будет сделать подгрузку содержимого тех спойлеров которых открыл пользователь но это позже...
Я в яваскрипте новичек поэтому даже не представляю как можно сделать все это.
Вот код одного из спойлеров:
<a href="#1" class="videoA">
<ul class="videoUL">
<li class="title">спойлер 1</li>
<li class="date">дата</li>
</ul>
</a>
<div class="videoB">
содержимое
</div>
Таких на странице может быть более 100
Вот скрипт всех этих спойлеров:
<script>
$(".videoB").toggleClass("disabled");
$(".videoA").on("click", function () {
$(this).next(".videoB").toggleClass("disabled");
$(this).toggleClass("active");
return false;
});
</script>
Расположен офк внизу страницы.
Зарание спасибо за ответы