Как редактировать этот jquery код?

Question

[Сергей Ивонов]

Привет Всем.
Есть код HTML.

<div class="tab__cont">
	<div class="tabs">
		<span class="tab active">на работе</span>
		<span class="tab">в личной жизни</span>    
	</div>
	<div class="tab_content">
		<div class="tab_btn">
		1111
		</div>
		<div class="tab_btn">
		222
		</div>
	</div>
</div>

и есть Jquery

<script>
	$(".tab__cont .tab").click(function() {
		$(".tab__cont .tab").removeClass("active").eq($(this).index()).addClass("active");
		$(".tab_btn").hide().eq($(this).index()).fadeIn()
	}).eq(0).addClass("active");
</script>

Этот код работает только для одного html но когда я дублирую html скрипт не корректно будить работать.
Вопрос: Как сделать что бы этот скрипт работал для несколько ТАБ? что бы я мог несколько html Tab создать и эти html tab-ы работали на одном скрипте. Всем спасибо.

Answer 1

[iBird Rose]

если хочешь чтобы функция не затрагивала другие элементы - внутри функции работай только с this.
https://jsfiddle.net/2vnsjyp1/

Comments

[Сергей Ивонов]

Большое Вам спасибо. Да хоронить Вас Бог.

[iBird Rose]

Сергей Ивонов: не нужно меня хоронить. я еще жить хочу

[Сергей Ивонов]

iBird Rose: ))))