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 */
function showTab(tabNumber) {
var coll = document.getElementsByClassName("collapsible");
    // Esconde todas as partes
  var i;
    var contents = document.querySelectorAll('.tab-content');
    contents.forEach(function(content) {
      content.classList.remove('active');
    });


     // Remove a classe 'active' de todos os "botões"
  for (i = 0; i < coll.length; i++) {
    var buttons = document.querySelectorAll('.tab-button');
     coll[i].addEventListener("click", function() {
    buttons.forEach(function(button) {
      this.classList.toggle("active");
      button.classList.remove('active');
      var content = this.nextElementSibling;
     
      // Altera a visibilidade do conteúdo
      if (content.style.maxHeight) {
        content.style.maxHeight = null;
      } else {
        content.style.maxHeight = content.scrollHeight + "px";
      }
     
      // Fecha as outras partes, se abertas
      for (var j = 0; j < coll.length; j++) {
        if (coll[j] !== this) {
          coll[j].classList.remove("active");
          coll[j].nextElementSibling.style.maxHeight = null;
        }
      }
     });
     });
    // Mostra a parte selecionada
    document.getElementById('tab' + tabNumber).classList.add('active');
    // Marca o "botão" como ativo
    document.getElementById('button' + tabNumber).classList.add('active');
   }
   }
  // Inicializar a função para mostrar o conteúdo da Parte 1
  document.getElementById('button1').addEventListener('click', function() {
    showTab(1);
  });
  document.getElementById('button2').addEventListener('click', function() {
    showTab(2);
  });
  document.getElementById('button3').addEventListener('click', function() {
    showTab(3);
  });
  // Mostrar a Parte 1 ao carregar a página
  showTab(1);

Menu de navegação