Как сделать табы на странице в одну линию?

Question

[Игорь]

welovepavel.esy.es/TBee/index.html



Предполагаю JS не совсем верен.
И при старте страницы открываются сразу 2 таба...

Спасибо большое!

Answer 1

[Кирилл Туровников]

Вот ваш код:

$(".tabs_header .wrapper .tab").click(function() {
        $(".tabs_header .wrapper .tab").removeClass("active").eq($(this).index()).addClass("active");
        $(".tabs_header .tab_item").hide().eq($(this).index()).fadeIn()
    }).eq(0).addClass("active");

Напишите функцию инициации при загрузке странице.
У вас 2 раза подключается jquery, я бы не придумывал велосипед и подключил jquery.ui и использовал https://jqueryui.com/tabs/

Блок с телефонами у вас сделан аналогичных образом, можно просто поправить стили

.tabs_header .tab_item:first-of-type {
    display: block;
}
.tabs_header  .tab_item {
    display: none;
}

Comments

[Игорь]

а Вы можете написать функцию инициации?
я пока в js не шарю.

[Кирилл Туровников]

Игорь: добавил стили в комментарий

[Игорь]

Кирилл Туровников: а JS теперь будет корректно работать?
то есть не будет отображать 2 вкладки сразу открытыми ?

[Кирилл Туровников]

Игорь: не будет, ну если нужен js, то можно добавить такую строку $(".tabs_header .wrapper .tab_item").hide().eq(0).show();