Добрый день.
Есть структура:
<div class="all">
<div class="frst">
<div class="head"><h6>Click</h6></div>
<div class="bood">info</div>
</div>
<div class="scnd">
<div class="head"><h6>Click</h6></div>
<div class="bood">info</div>
</div>
</div>
Т.е. разные блоки, у которых при клике на h6 происходит toggleClass('closed'), я хочу сделать так что бы при клике на .frst h6 добавлялся класс к .frst .dood, а при клике на .scnd h6 предыдущее событие обнулялось и класс теперь добавлялся к .scnd .bood и так далее по списку.
Просто сделать появление блока именно по клику на селектор в одном родителе получилось:
$('h6').on( "click", function() {
$('h6').parent().parent().find('.bood').toggleClass('closed');
});
Подскажите пожалуйста, как сделать что бы при клике на другой селектор, предыдущее событие обнулялось?
Делал похожее со списком пунктов:
$('li').on('click', function() {
change_active($(this));
return false;
});
function change_active(current) {
$('.full_cart .mails li').removeClass("active");
current.addClass("active");
$('.full_cart .mails .send').attr('href', ($('.full_cart .mails li.active').attr('title')));
}
Но не могу додуматься как правильно интерпретировать для этого случая.
Спасибо.