Title | @@ -254,6 +258,7 @@ init() { document.querySelectorAll('.tabs-menu').forEach(tabMenu => { Array.from(tabMenu.children).forEach((child, ind) => { + child.querySelector('a').href = 'javascript:void(0);'; child.addEventListener('click', () => { tabSystem.toggle(child.dataset.target); }); @@ -265,7 +270,11 @@ }, toggle(targetId) { document.querySelectorAll('.tab-content').forEach(contentElement => { - contentElement.style.display = contentElement.id === targetId ? 'block' : 'none'; + if (contentElement.id === targetId) { + contentElement.classList.remove('is-hidden'); + } else { + contentElement.classList.add('is-hidden'); + } document.querySelector(`[data-target="${contentElement.id}"]`).classList[contentElement.id === targetId ? 'add' : 'remove']('is-active'); }) },
---|