MediaWiki:Common.js: mudanças entre as edições

Ir para navegação Ir para pesquisar
sem sumário de edição
Sem resumo de edição
Sem resumo de edição
Linha 100: Linha 100:


/* Teste Menu */
/* Teste Menu */
var coll = document.getElementsByClassName("collapsible-battle-pass");
var coll1 = document.getElementsByClassName("collapsible-battle-pass");
var i;
var coll2 = document.getElementsByClassName("collapsible-pokemon");


for (i = 0; i < coll.length; i++) {
function toggleContent(button, content) {
   coll[i].addEventListener("click", function() {
   // Se o conteúdo estiver visível, feche
    this.classList.toggle("active");
  if (content.style.maxHeight) {
    var content = this.nextElementSibling; // A próxima div (conteúdo)
    content.style.maxHeight = null;
    if (content.style.maxHeight){
  } else {
      content.style.maxHeight = null; // Se já estiver expandido, esconde
    // Feche o conteúdo de todas as outras divs
     } else {
    var allContent = document.getElementsByClassName("content");
       content.style.maxHeight = content.scrollHeight + "px"; // Se não, exibe
     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
   });
   });
}
}


var coll2 = document.getElementsByClassName("collapsible-pokemon");
for (var i = 0; i < coll2.length; i++) {
var p;
   coll2[i].addEventListener("click", function() {
 
     var content = this.nextElementSibling; // Conteúdo relacionado
for (p = 0; p < coll2.length; p++) {
     toggleContent(this, content); // Chama a função de alternância
   coll2[p].addEventListener("click", function() {
    this.classList.toggle("active");
     var content = this.nextElementSibling; // A próxima div (conteúdo)
     if (content.style.maxHeight){
      content.style.maxHeight = null; // Se já estiver expandido, esconde
    } else {
      content.style.maxHeight = content.scrollHeight + "px"; // Se não, exibe
    }
   });
   });
}
}

Menu de navegação