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

Question

[AlexWD]

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

Если я выбираю вкладку 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" );
            }
        });
      });
    
    });

Comments

[Вадим]

Добавьте HTML разметку, а лучше оформите код в песочнице https://jsfiddle.net/

Answer 1

[Антон Шаманов]

// При смене таба
$('.tabs-block-service .tabs').on('click', '.item', function () {
    var $item = $(this);
   // кликаем по первой вкладке таба
    $('ul.tabs__nav > li:first', $item).trigger('click');
    ...
});

Comments

[AlexWD]

'ul.tabs__nav > li:first', $item почему-то не стал работать, но я просто на первую вкладку добавил класс и вписал его на это место. Заработало. Спасибо!

[Антон Шаманов]

AlexWD, .first()

можно получить первый элемент методом first:

$('ul.tabs__nav > li', $item).first().trigger('click');

на будущее лучше заливать код на на ресурсы вроде https://jsfiddle.net - по js сложно понять структуру html