17 lines
608 B
JavaScript

document.addEventListener("turbolinks:load", function () {
const tabLinks = document.querySelectorAll('.tabs a[data-target]');
tabLinks.forEach(el => {
el.addEventListener('click', (e) => {
e.preventDefault();
// hide alll
tabLinks.forEach(link => {
link.closest('li').classList.remove('is-active');
document.getElementById(link.dataset.target).classList.add('is-hidden')
});
const target = document.getElementById(el.dataset.target);
target.classList.remove('is-hidden');
el.closest('li').classList.add('is-active');
}, true);
});
});