| 1 |
/* Product Tour — frontend.js (tab switching) */ |
| 2 |
(function () { |
| 3 |
function initTour(wrap) { |
| 4 |
var tabs = Array.prototype.slice.call(wrap.querySelectorAll('.bkbg-ptour-tab')); |
| 5 |
var panels = Array.prototype.slice.call(wrap.querySelectorAll('.bkbg-ptour-panel')); |
| 6 |
|
| 7 |
tabs.forEach(function (tab, i) { |
| 8 |
tab.addEventListener('click', function () { |
| 9 |
tabs.forEach(function (t) { t.classList.remove('bkbg-ptour-tab--active'); }); |
| 10 |
panels.forEach(function (p) { p.classList.remove('bkbg-ptour-panel--active'); }); |
| 11 |
tab.classList.add('bkbg-ptour-tab--active'); |
| 12 |
if (panels[i]) panels[i].classList.add('bkbg-ptour-panel--active'); |
| 13 |
}); |
| 14 |
}); |
| 15 |
} |
| 16 |
|
| 17 |
document.querySelectorAll('.bkbg-ptour-wrap').forEach(initTour); |
| 18 |
})(); |
| 19 |
|
