Как анимировать дочерний класс однотипных блоков?

Question

[miletskij]

Добрый день, есть три однотипных блока:

<div class="question_block">
    <div class="question_block__question">
    </div>
    <div class="question_block__answer">
    </div>
</div>

Блок .question_block__answer скрыт($('.question_block__answer').hide();) и открывается при нажатии на блок .question_block__question.

В потугах сделать код более компактным и не прописывать jQuery для каждого такого блока .question_block, пытаюсь заставить запускаться анимацию для конкретного блока путем присвоения класса active, но увы.
Подскажите, пожалуйста, как реализовать.

Вот функция написанная мной:

// тут я присваиваю нажатому блоку класс active
  $('.question_block').click(function(q) {
  q.preventDefault();
  $(this).toggleClass('active');
});
// здесь и начинается... 
$('.question_block').click(function(q) {// при нажатии на активный блок...
  if($('.question_block__answer').is(':hidden')){//...проверяется скрыт ли блок ответа...
    $('.question_block__answer').fadeIn(600);}//...если да - всплываем его...
  else{$('.question_block__answer').fadeOut(600);}//если нет - гасим
});

Answer 1

[Алексей Черемисин]

$('.question_block').click(function(q) {
   var $answer = $(this).parent().find('.question_block__answer');
   if($answer.is(':hidden')){
    .....
   }
});