11 908
edições
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 100: | Linha 100: | ||
/* Teste Menu */ | /* Teste Menu */ | ||
document.querySelectorAll('.tab-titles li | document.querySelectorAll('.tab-titles li').forEach(tab => { | ||
tab.addEventListener('click', function() { | |||
// Remover a classe 'active' de todas as abas | // Remover a classe 'active' de todas as abas | ||
document.querySelectorAll('.tab-titles li').forEach( | document.querySelectorAll('.tab-titles li').forEach(tabItem => { | ||
tabItem.classList.remove('active'); | |||
}); | }); | ||
// Remover a classe 'active' de todos os conteúdos | |||
document.querySelectorAll('.tab-content').forEach(content => { | document.querySelectorAll('.tab-content').forEach(content => { | ||
content.classList.remove('active'); | content.classList.remove('active'); | ||
}); | }); | ||
// Adicionar a classe 'active' à aba e conteúdo selecionado | // Adicionar a classe 'active' à aba e conteúdo selecionado | ||
this.classList.add('active'); | |||
const tabId = this.getAttribute('data-tab'); | |||
document.getElementById(tabId).classList.add('active'); | |||
}); | }); | ||
}); | }); | ||