@AlexWD

Как сделать переход на первую вкладку при смене табов?

Реализована система табов, внутри которых так же есть вкладки.600f5c2054a9c816522047.png

Если я выбираю вкладку 2, перехожу на другой таб, потом возвращаюсь к первому, остаётся вкладка 2, тогда как нужно, чтобы при смене табов вкладка всегда возвращалась на 1.

Код для табов:

var url = location.href.split('#')[1],
        el = $('.tabs-block-service .content .item[data-id="' + url + '"]');
    
    if (el.length > 0 && el.closest('.tabs-block-service').length > 0) {
      var parent = el.closest('.tabs-block-service'); //
      parent.find('.item.--active').removeClass('--active');
      parent.find('.tabs .item[href*="#' + url + '"]').addClass('--active');
      parent.find('.content .item[data-id="' + url + '"]').addClass('--active');
    }
    
    $('.tabs-block-service .tabs').on('click', '.item', function () {
      if (!$(this).hasClass('--active')) {
        var _parent = $(this).closest('.tabs-block-service'),
            id = $(this).attr('href').split('#')[1]; //
    
    
        _parent.find('.item.--active').removeClass('--active');
    
        _parent.find('.content .item[data-id="' + id + '"]').addClass('--active');
    
        $(this).addClass('--active');
      }
      
      // Переход на 1 слайд по нажатию на табы   
      mySwiper4.slideTo(0);
      mySwiper5.slideTo(0);
      mySwiper53.slideTo(0);
      mySwiper54.slideTo(0);
      mySwiper55.slideTo(0);
      mySwiper26.slideTo(0);
      mySwiper27.slideTo(0);
      
    });


Код для вкладок:

$(function() {
      
      $('ul.tabs__nav').on('click', 'li:not(.active)', function() {
        $(this)
          .addClass('active').siblings().removeClass('active')
          .closest('div.tabs-page').find('div.tabs__pane').removeClass('active').eq($(this).index()).addClass('active');
          
        // Проверка высоты у заголовков li в описании на странице "Проектирование"
        $(".des-info__wrapper h2").each(function() {
            var $minHeight = 20;
            if ( $(this).height() > $minHeight) {
                $(this).addClass( "_fix" );
            }
        });
      });
    
    });
  • Вопрос задан
  • 35 просмотров
Решения вопроса 1
SilenceOfWinter
@SilenceOfWinter
та еще зажигалка...
// При смене таба
$('.tabs-block-service .tabs').on('click', '.item', function () {
    var $item = $(this);
   // кликаем по первой вкладке таба
    $('ul.tabs__nav > li:first', $item).trigger('click');
    ...
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Artezio Могилев
от 2 800 до 3 300 $
07 мар. 2021, в 23:34
5000 руб./за проект
07 мар. 2021, в 23:14
10000 руб./за проект