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

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 btn1 = document.getElementById("btn1");
var coll = document.getElementsByClassName("collapsible-battle-pass");
var btn2 = document.getElementById("btn2");
var i;
var content1 = document.getElementById("content1");
var content2 = document.getElementById("content2");


// Adicionando o evento de clique na "div botão" 1
for (i = 0; i < coll.length; i++) {
btn1.addEventListener("click", function() {
  coll[i].addEventListener("click", function() {
  content1.classList.add("active"); // Mostra a div 1
    this.classList.toggle("active");
  content2.classList.remove("active"); // Esconde a div 2
    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
    }
  });
}


// Adicionando o evento de clique na "div botão" 2
var coll2 = document.getElementsByClassName("collapsible-pokemon");
btn2.addEventListener("click", function() {
var p;
  content2.classList.add("active"); // Mostra a div 2
 
  content1.classList.remove("active"); // Esconde a div 1
for (p = 0; p < coll2.length; p++) {
});
  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
    }
  });
}