ayuda con este codigo.

[kikequintero]

Hola tengo un problema con este codigo.me muestra el texto oculto en todas pero solo me oculta en la primera.

Muchas gracias de antemano al que me pueda sacar de esta duda..


<table width="735" border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="20" height="210">&nbsp;</td>
<td width="704" valign="top">
<script>
OCULTO="none";
VISIBLE="block";

function mostrar(blo) {
document.getElementById(blo).style.display=VISIBLE ;
document.getElementById('ver_off').style.display=V ISIBLE;
document.getElementById('ver_on').style.display=OC ULTO;
}

function ocultar(blo) {
document.getElementById(blo).style.display=OCULTO;
document.getElementById('ver_off').style.display=O CULTO;
document.getElementById('ver_on').style.display=VI SIBLE;
}
</script>
<div id="ver_on"><a href="#" onclick="mostrar('blo1')">Mostrar texto</a></div>
<div id="ver_off" style="display: none"><a href="#" onclick="ocultar('blo1')">Ocultar texto</a></div>
<div id="blo1" style="display: none">
tex1
</div>

</script>
<div id="ver_on"><a href="#" onclick="mostrar('blo2')">Mostrar texto</a></div>
<div id="ver_off" style="display: none"><a href="#" onclick="ocultar('blo2')">Ocultar texto</a></div>
<div id="blo2" style="display: none">
tex 2</div>

</script>
<div id="ver_on"><a href="#" onclick="mostrar('blo3')">Mostrar texto</a></div>
<div id="ver_off" style="display: none"><a href="#" onclick="ocultar('blo3')">Ocultar texto</a></div>
<div id="blo3" style="display: none">
tex3
</div>

</td>
<td width="11">&nbsp;</td>
</tr>