11 908
edições
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 100: | Linha 100: | ||
/* Teste Menu */ | /* Teste Menu */ | ||
var | var coll1 = document.getElementsByClassName("collapsible-battle-pass"); | ||
var | var coll2 = document.getElementsByClassName("collapsible-pokemon"); | ||
function toggleContent(button, content) { | |||
// Se o conteúdo estiver visível, feche | |||
if (content.style.maxHeight) { | |||
content.style.maxHeight = null; | |||
} else { | |||
// Feche o conteúdo de todas as outras divs | |||
var allContent = document.getElementsByClassName("content"); | |||
for (var j = 0; j < allContent.length; j++) { | |||
allContent[j].style.maxHeight = null; | |||
} | } | ||
// Abra o conteúdo associado ao botão clicado | |||
content.style.maxHeight = content.scrollHeight + "px"; | |||
} | |||
// Toggle a classe active no botão | |||
button.classList.toggle("active"); | |||
} | |||
// Adiciona os eventos de clique para as divs de botão | |||
for (var i = 0; i < coll1.length; i++) { | |||
coll1[i].addEventListener("click", function() { | |||
var content = this.nextElementSibling; // Conteúdo relacionado | |||
toggleContent(this, content); // Chama a função de alternância | |||
}); | }); | ||
} | } | ||
for (var i = 0; i < coll2.length; i++) { | |||
var | coll2[i].addEventListener("click", function() { | ||
var content = this.nextElementSibling; // Conteúdo relacionado | |||
toggleContent(this, content); // Chama a função de alternância | |||
coll2[ | |||
var content = this.nextElementSibling; // | |||
}); | }); | ||
} | } | ||