Подскаите как менять класс у елемента в зависимость от класса другово елемента

[NirVanea]

Подскажите как менять класс у элемента в зависимость от класса другого элемента.

Есть вот такой код:

<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a href="#1" >...</a>
			</h4>
		</div>
		<div id="1" class="panel-collapse in">..</div>
	</div>
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a href="#1" >...</a>
			</h4>
		</div>
		<div id="1" class="panel-collapse">..</div>
	</div>
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a href="#1" >...</a>
			</h4>
		</div>
		<div id="1" class="panel-collapse">..</div>
	</div>

Класс "in" добавляется каким плагином в случае если пункт аккордеона открыт и удаляется если закрыт.

Подскажите пожалуйста как с помощью jQuery при клике на ссылку проверять если существует класс "in" то у загаловка "<h4 class="panel-title">" добавляется класс "active" а если нету то удаляет класс "active" у даного елемента.

[Lemme]

// вешаем событие click на .panel-title a
$('.panel-title a').click(function() {
        // находим элемент .panel-collapse
	var $panelC = $(this).closest('.panel').find('.panel-collapse');
        // находим .panel-title
	var panelTitle = $(this).closest('.panel-title');
        //  если у $panelC есть класс in
	if ($panelC.hasClass('in')) {
                // то добавляем $panelTitle класс active
		$panelTitle.addClass('active');
	}
        // иначе
	else {
                // убираем класс active
		$panelTitle.removeClass('active');
	} 
});

closest() - https://api.jquery.com/closest/
find() - https://api.jquery.com/find/

[NirVanea]

Lemme , большое спасибо, всё работает отлично. Но так как я толь начинаю изучать javascript хотел тебя попросит прокомментировать код что я тоже понял как это чудо работает.

[Lemme]

NirVanea, добавил комменты.

[NirVanea]

Lemme, большое спасибо, теперь понял логику