document.getElementById - no! by many ids, possivel?

[Micilini Roll 49]

pessoal eu tenho um comando que oculta divs,se uma div é aberta as outras se fecham no caso existem 3 divs se eu abro uma as outras ficam ocultas o codigo para isso é este!!

 

function cadastrar()
{
document.getElementById("cadastrar").style.display = "block";
document.getElementById("subir").style.display = "none";
document.getElementById("desçer").style.display = "none";
document.getElementById("fujir").style.display = "none";
document.getElementById("ir").style.display = "none";
document.getElementById("caçar").style.display = "none";
document.getElementById("beber").style.display = "none";
document.getElementById("meter").style.display = "none";
}
</script>

 

 

se a div cadastrar for aberta todas se fecham e assim pro diante,agora para deixar o codigo mais leve eu tentei deixar somente tentei deixar um getelementbyid contendo o nome de todas as divs,como o comando abaixo:

 

<script>
function cadastrar()
{
document.getElementById("cadastrar").style.display = "block";
document.getElementById("subir","descer","ir","meter").style.display = "none";
}
</script>

 

 

mas este comando nao funciona e somente a div ue estiver em primeiro no caso é a subir! ela desapareçe normal ja as outras nao,tem algo que eu possa fazer para dimuir isso???

[William Bruno 1501]

olhe esse codigo:

 

http://wbruno.com.br/2011/03/12/principio-de-menu-em-abas/

 

o meu segredo ai, é pegar "todas as divs filhas de tal elemento".

Mas no teu caso, talvez seja até melhor usar: getElementsByClass

[rodrigopa 7]

Eu faria assim, ai vc chama a função assim: cadastrar("nome da div aqui");

function cadastrar(atual)
{
var arr_divs = ["subir","descer","ir","meter","cadastrar"];
for(i = 0; i < arr_divs.length; i++) {
if(arr_divs[i] == atual) {
document.getElementById(arr_divs[i]).style.display = "block";
} else {
document.getElementById(arr_divs[i]).style.display = "none";
}
}
}

[Micilini Roll 49]

ok entendi o comando que voces me passaram, obg