делаю самописный спойлер вкладки которого имеют связь.
нужен код который будет при клике на блок раскрывать его, а открытый закрывать, и если с этим проблем нет, то как обработать нажатие на уже активный элемент я придумать не могу. нормально закрывается 1 раз, но при следующем открытии класс активности уже не вешается.
вот код самого слайдера:
<div class="spoiler">
<div class="item"><div class="item-title">№201</div>
<div class="detail">Lorem ipsum</div>
</div>
<div class="item"><div class="item-title">№202</div>
<div class="detail">ipsum dolor</div>
</div>
<div class="item"><div class="item-title">№203</div>
<div class="detail">dolor sit</div>
</div>
</div>
из классов все понятно, вот js:
$('.spoiler .detail').hide();
$('.spoiler .item-title').click(function(){
a=0;
$('.item.active').removeClass("active");
$(this).parent().addClass("active");
if(typeof $prev != "undefined"){
if($previ != $(this)[0]){
$prev.slideUp();
}else{
a=1;
$(this).parent().removeClass("active");
}
}
if(a==1){
$(this).next().slideToggle();
}else{
$(this).next().slideDown();
}
$prev = $(this).next();
$previ = $(this)[0];
});
пробовал и сначала закрывать все блоки, а после работать с нажатым, и запоминать нажатый блок для работы с ним при следующем нажатии, но эту проблему как победить я не знаю, все работает кроме обработки нажатия по одному и тому же блоку(только с классом активности проблема, который меняет стиль, сам блок разворачивается как надо)