bahridinovf
@bahridinovf
Не кто

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

Привет Всем.
Есть код 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-ы работали на одном скрипте. Всем спасибо.
  • Вопрос задан
  • 157 просмотров
Решения вопроса 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
если хочешь чтобы функция не затрагивала другие элементы - внутри функции работай только с this.
https://jsfiddle.net/2vnsjyp1/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
SummerWeb Ярославль
от 120 000 до 180 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $
15 июн. 2024, в 23:20
50000 руб./за проект
15 июн. 2024, в 23:15
4000 руб./за проект
15 июн. 2024, в 23:01
4400 руб./за проект