Как изменить класс только у одного элемента из нескольких с одинаковыми классами?

Question

[denism300]

Есть страница с плитками, которые имеют одинаковый класс.

<div class="tab">
     <div class="tab-content"></div>
     <div class="tab-content-hover"></div>
</div>
<div class="tab">
     <div class="tab-content"></div>
     <div class="tab-content-hover"></div>
</div>
<div class="tab">
     <div class="tab-content"></div>
     <div class="tab-content-hover"></div>
</div>
<div class="tab">
     <div class="tab-content"></div>
     <div class="tab-content-hover"></div>
</div>

Есть скрипт, который по клику переключает классы

jQuery('.tab').click(function() {
	jQuery('.tab-content-hover').toggleClass('active');
	jQuery('.tab-content').toggleClass('non-active');
} );

Собственно, вопрос в том, как заставить скрипт переключать классы не у всех сразу, а только у того элемента, по которому кликнули.

Answer 1

[Dymok]

Нужно использовать $(this), это будет элемент по которому кликнули

Answer 2

[Ilya Loginov]

$('.tab').click(function(){
$(this).find('.tab-content-hover').toggleClass('active');
$(this).find('.tab-content').toggleClass('active');
});