Подскажите, пожалуйста, где у меня ошибка в скрипте? Благодарю!
$(document).ready(function() {
$(".tab_container").hide();
$(".tabs_title:first").addClass("tabs_title_active").show();
$(".tab_container:first").show();
$(".tabs_title").click(function() {
$(".tabs_title").removeClass("tabs_title_active");
$(this).addClass("tabs_title_active");
$(".tab_container").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
return false;
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="tabs_titles">
<a href="#tab_container_1" class="tabs_title">1</a>
<a href="#tab_container_2" class="tabs_title">2</a>
<a href="#tab_container_3" class="tabs_title">3</a>
</div>
<div id="tab_container_1" class="tab_container">
Текст вкладки 1
</div>
<div id="tab_container_2" class="tab_container">
Текст вкладки 2
</div>
<div id="tab_container_3" class="tab_container">
Текст вкладки 3
</div>
$(this)
указывет на элемент a
, поэтому не нужно выполнять его поиск
$(document).ready(function() {
$(".tab_container").hide();
$(".tabs_title:first").addClass("tabs_title_active").show();
$(".tab_container:first").show();
$(".tabs_title").click(function() {
$(".tabs_title").removeClass("tabs_title_active");
$(this).addClass("tabs_title_active");
$(".tab_container").hide();
var activeTab = $(this).attr("href");
$(activeTab).fadeIn();
return false;
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="tabs_titles">
<a href="#tab_container_1" class="tabs_title">1</a>
<a href="#tab_container_2" class="tabs_title">2</a>
<a href="#tab_container_3" class="tabs_title">3</a>
</div>
<div id="tab_container_1" class="tab_container">
Текст вкладки 1
</div>
<div id="tab_container_2" class="tab_container">
Текст вкладки 2
</div>
<div id="tab_container_3" class="tab_container">
Текст вкладки 3
</div>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Есть datajson и есть картинки в каждой которой есть слог _tn хочу чтобы выводился список товаров c этими картинками, но почему-то только выводятся...
Подскажите, пожалуйста, как при скролле сделать отступ от верха экрана на определенное число пикселей? Благодарю!