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

Question

[Lolka21]

Приветствую, сама проблема: сделал блок с табами и этот блок несколько рас на странице выводится, но вот проблема в переключении, когда один блок, все норм, если несколько, все плохо...

сам пример: https://codepen.io/g3nnadie/pen/LYZgjwj

буду благодарен за помощь... )

Answer 1

[0xD34F]

Оберните каждую пару из списка и формы в отдельные <div class="wrapper">.

const containerSelector = '.wrapper';
const headerSelector = '.request__nav__item';
const contentSelector = '.request__field';
const activeClass = 'active';

$(containerSelector).on('click', headerSelector, function(e) {
  const $headers = $(headerSelector, e.delegateTarget);
  const index = $headers.index(this);

  $headers.removeClass(activeClass).eq(index).addClass(activeClass);
  $(contentSelector, e.delegateTarget).hide().eq(index).fadeIn();
}).each(function() {
  $(headerSelector, this).first().click();
});

Comments

[Lolka21]

спасибо!