rustpython.github.io/assets/js/tabs.js at master · RustPython/rustpython.github.io · GitHub

Repository navigation

45 lines (36 loc) · 1.38 KB

function removeActiveClasses(ulElement) {

const lis = ulElement.querySelectorAll('li');

Array.prototype.forEach.call(lis, function(li) {

li.classList.remove('active');

});

}

function getChildPosition(element) {

var parent = element.parentNode;

var i = 0;

for (var i = 0; i < parent.children.length; i++) {

if (parent.children[i] === element) {

return i;

}

throw new Error('No parent found');

}

window.addEventListener('load', function () {

const tabLinks = document.querySelectorAll('ul.tab li a');

Array.prototype.forEach.call(tabLinks, function(link) {

link.addEventListener('click', function (event) {

event.preventDefault();

const liTab = link.parentNode;

const ulTab = liTab.parentNode;

const position = getChildPosition(liTab);

if (liTab.className.includes('active')) {

return;

}

removeActiveClasses(ulTab);

const tabContentId = ulTab.getAttribute('data-tab');

const tabContentElement = document.getElementById(tabContentId);

removeActiveClasses(tabContentElement);

tabContentElement.querySelectorAll('li')[position].classList.add('active');

liTab.classList.add('active');

}, false);

});