Загрузка активного элемента

[pudge]

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

 

Вот скрипт спойлеров:

 

код спойлера:

<a href="#1" class="videoA"><ul class="videoUL"><li class="title">Vol.1</li><li class="date">дата</li></ul></a><div class="videoB">содержимое</div>

скрипт спойлеров:

<script>$(".videoB").toggleClass("disabled");$(".videoA").on("click", function () {$(this).next(".videoB").toggleClass("disabled");$(this).toggleClass("active");return false;});</script>

[klierik]

например, подгружать данные через ajax при первом клике.

[pudge]

Ну вот я слепил такое по примеру,но 

<script type="text/javascript"> $(document).ready(function(){    $("#videoB").hide();  }); $(function() {    $("#videoA").click(function(){      $("#videoB").load(); });</script>

Оно не работает

 

нужно для начала вставить в начало страницы скрипт который бы запрещал грузится всем videoB а только потом придумывать все остальное,верно?

Edited December 22, 2013 by pudge

[pudge]

Много чего добавил и пришел к мнению что основная задача это предотвратить загрузку содержимого всех спойлеров(.videoB)

 

С помощью чего это можно сделать?(если вообще можно).