Estou tentando fazer um menu dropdown só alterando as <div's>
com Js.
Tem alguma maneira para usar apenas uma function()
para alterar as <div's>
?
A única solução que encontrei é criar uma function()
para cada <div>
que desejo esconder/reexibir mas ficaria muito extenso o código.
O que consegui até agora é esconder e reexibir uma única <div>
.
Segue:
JavaScript:
function startmenu(){
ex1.style.display = "none";
}
function abrefecha(){
if(ex1.style.display == "none")
{
ex1.style.display = "block";
}
else
{
startmenu();
}
}
HTML:
<body>
<h1>Exercícios JavaScript</h1>
<a href="javaScript:abrefecha()"><h2> Exercício 1 </h2></a>
<div id="ex1" style="display: none;">
</div>
<a href="javaScript:abrefecha()"><h2> Exercício 2 </h2></a>
<div id="ex2" style="display: none;">
</div>
<a href="javaScript:abrefecha()"><h2> Exercício 3 </h2></a>
<div id="ex3" style="display: none;">
</div>
...