Показать сообщение отдельно
  #1 (permalink)  
Старый 29.11.2017, 11:58
Аспирант
Отправить личное сообщение для emptyindorill Посмотреть профиль Найти все сообщения от emptyindorill
 
Регистрация: 16.02.2012
Сообщений: 73

Переключение активных элементов
Добрый день.

Есть структура:
<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')));
    }


Но не могу додуматься как правильно интерпретировать для этого случая.

Спасибо.
Ответить с цитированием