Как при открытии всплывающего окна переключать табы внутри?

Question

[Breeze1]

Есть 3 кнопки, по клику на каждую открывается одно и то же модальное окно.
Внутри окна есть табы (3 вкладки).

Нужно, чтобы например по клику на Button 3, модальное окно открывалось с активным третьим табом (Содержимое 3).
По клику на button 2, в модальном окне должно быть активно Содержимое 2 и так далее.

https://codepen.io/brezze/pen/YjBgbw

Answer 1

[0xD34F]

$('.tabs').on('click', '.tab', function() {
  setActiveTab($(this).index());
});

$('.nav').magnificPopup({
  type: 'inline',
  delegate: 'a',
  callbacks: {
    open() {
      setActiveTab(this.currItem.index);
    },
  },
});

function setActiveTab(index) {
  $('.tab').removeClass('active').eq(index).addClass('active');
  $('.tab_item').hide().eq(index).fadeIn();
}

Comments

[Breeze1]

Благодарю )