| 1 |
/* eslint-disable no-undef */ |
| 2 |
(function ($) { |
| 3 |
// tabs title |
| 4 |
const tabTitles = $('.tab__title'); |
| 5 |
// tabs content |
| 6 |
const tabContents = $('.tab__panel'); |
| 7 |
|
| 8 |
// open each tab content on click tab title |
| 9 |
tabTitles.on('click', function () { |
| 10 |
const tabId = $(this).attr('data-tab'); |
| 11 |
const tab = $(`#${tabId}`); |
| 12 |
tabTitles.removeClass('active'); |
| 13 |
$(this).addClass('active'); |
| 14 |
tabContents.removeClass('active'); |
| 15 |
tab.addClass('active'); |
| 16 |
}); |
| 17 |
})(jQuery); |
| 18 |
|