11 908
edições
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 100: | Linha 100: | ||
/* Teste Menu */ | /* Teste Menu */ | ||
document. | var buttons = document.getElementsByClassName("switch-content"); | ||
var i; | |||
document.getElementById("content").textContent = newContent; | for (i = 0; i < buttons.length; i++) { | ||
} | buttons[i].addEventListener("click", function () { | ||
} | // Pega o conteúdo do atributo data-content do botão clicado | ||
var newContent = this.getAttribute("data-content"); | |||
// Encontra a div de conteúdo | |||
var contentDiv = document.getElementById("content"); | |||
// Altera o texto do conteúdo | |||
contentDiv.textContent = newContent; | |||
// Adiciona uma animação de expansão (opcional) | |||
contentDiv.style.maxHeight = "0"; | |||
setTimeout(function () { | |||
contentDiv.style.maxHeight = contentDiv.scrollHeight + "px"; | |||
}, 100); | |||
}); | |||
} | |||