IgorBee
@IgorBee
JS,VBS,3D.Web с 07.2015

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

welovepavel.esy.es/TBee/index.html

J9YMMQv.jpg

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

Спасибо большое!
  • Вопрос задан
  • 211 просмотров
Решения вопроса 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;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы