Как показать/скрыть дочерний элемент по клику?

Question

[Denys]

Доброго времени суток, существует такая конструкция - на сайте представлены фильтры товаров. Имеется заголовок в тегах h2(классы одинаковые) и список чекбоксов в div-ах(классы одинаковые). По умолчанию div-ы спрятаны , а по клику на элемент h2 должны открываться , но не все div-ы, а только дочерний.

<div>
<h2 class="panel-title">Title1</h2>
<div class="panel-content">Test1</div>
</div>
<div>
<h2 class="panel-title">Title2</h2>
<div class="panel-content">Test2</div>
</div>
<div>
<h2 class="panel-title">Title3</h2>
<div class="panel-content">Tes3t</div>
</div>

.panel-content {
display: none; 
}

Answer 1

[Роман Ямчук]

$('.panel-title').click(function() {
	$(this).next('.panel-content').toggle();
});

Comments

[Denys]

Возможно, что то делаю не так, посмотрите пожалуйста
https://jsfiddle.net/t06wscm4/1/

[Максим Тимофеев]

Denys: https://jsfiddle.net/t06wscm4/2/

[Denys]

Максим Тимофеев: бля, спасибо)

[Максим Тимофеев]

Denys: Вы допустили 3 ошибки в моем имени)))