Для списка объектов
<div class='view-source'>
<h3><a href="#" class="click">Магнитные барабаны</a></h3>
<div class="hide">
<ul>
<li>...</li>
</ul>
</div>
</div>
<div class='view-source'>
<h3><a href="#" class="click">Магнитные плиты </a></h3>
<div class="hide">
<ul>
<li>...</li>
</ul>
</div>
</div>
<div class='view-source'>
<h3><a href="#" class="click">Магнитные решетки</a></h3>
<div class="hide">
<ul>
<li>...</li>
</ul>
</div>
</div>
пишется скрипт, чтобы по щелчку на ссылке открывался список под конкретной ссылкой
<script type="text/javascript" src="/jquery/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//Раскрывающийся список
$(".view-source .hide").hide();
$(".view-source a.click").toggle(
function(){
$(this).siblings('.hide').stop(false, true).slideDown(500);
},
function(){
$(this).siblings('.hide').stop(false, true).slideUp(500);
});
});
</script>
но он не срабатывает, списки не открываются вообще. Подскажите, что неправильно?