MediaWiki:Common.js: mudanças entre as edições
Ir para navegação
Ir para pesquisar
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 1: | Linha 1: | ||
var coll1 = document.getElementsByClassName("collapsible-battle-pass"); | var coll1 = document.getElementsByClassName("collapsible-battle-pass"); | ||
var coll2 = document.getElementsByClassName("collapsible-pokemon"); | var coll2 = document.getElementsByClassName("collapsible-pokemon"); | ||
Edição das 01h32min de 25 de dezembro de 2024
var coll1 = document.getElementsByClassName("collapsible-battle-pass");
var coll2 = document.getElementsByClassName("collapsible-pokemon");
function toggleContent(clickedButton, contentToToggle) {
// Fechar todos os conteúdos
var allContents = document.getElementsByClassName("content");
for (var j = 0; j < allContents.length; j++) {
allContents[j].style.maxHeight = null; // Fecha todas as divs
}
// Fechar todos os botões (remover a classe "active")
var allButtons = document.getElementsByClassName("collapsible-battle-pass");
for (var k = 0; k < allButtons.length; k++) {
allButtons[k].classList.remove("active");
}
allButtons = document.getElementsByClassName("collapsible-pokemon");
for (var k = 0; k < allButtons.length; k++) {
allButtons[k].classList.remove("active");
}
// Agora, abrir o conteúdo da div clicada
if (contentToToggle.style.maxHeight) {
contentToToggle.style.maxHeight = null; // Fecha se estiver aberto
} else {
contentToToggle.style.maxHeight = contentToToggle.scrollHeight + "px"; // Abre
}
// Adicionar a classe active ao botão clicado
clickedButton.classList.add("active");
}
// Adiciona eventos de clique aos botões
for (var i = 0; i < coll1.length; i++) {
coll1[i].addEventListener("click", function() {
var content = this.nextElementSibling; // Conteúdo relacionado à div de botão
toggleContent(this, content); // Chama a função para alternar
});
}
for (var i = 0; i < coll2.length; i++) {
coll2[i].addEventListener("click", function() {
var content = this.nextElementSibling; // Conteúdo relacionado à div de botão
toggleContent(this, content); // Chama a função para alternar
});
}