Mostrar uma div, ocultar as outras

[diasgabrie 0]

Amigos tenho uma página de perguntas e respostas. quando o usuário clicar no radio é mostrada a div oculta com a resposta da pergunta.

 

<script type="text/javascript">
function escrever(el) {

var objTexto = document.getElementById("div"+el);

var objTexto = document.getElementById("div"+el);

objTexto.style.display = "block";

}
</script>



<input type="radio" name="group1" value="1" onClick="escrever(1)"> <b>1</b> - Pergunta 1<br>
<div id="div1" style="display:none">
resp1
</div>

<input type="radio" name="group1" value="2" onClick="escrever(2)"> <b>2</b> - Pergunta 2<br>
<div id="div2" style="display:none">
resp2
</div>

<input type="radio" name="group1" value="3" onClick="escrever(3)"> <b>3</b> - Pergunta 3<br>
<div id="div3" style="display:none">
resp3
</div>

...

até a div10

 

quando clica no radio do lado da pergunta é mostrado a resposta.

 

O que eu gostaria é que quando clico um uma pergunta as outras abertas fechasse, mostrando só a que clico. Não deixando todas abertas.

 

Como posso fazer isso?

 

obrigada,

gabriela

[William Bruno 1501]

faz um loop for(), pegando todas elas..

 

para isso, coloque num container.. ai com o array que retornar do getElementsByTagName() você faz o loop, e esconde todas

após isso, você mostra a que o cara clicar.