Les cuento, estoy armando un site y tuve la 'brillante idea' de propoerle al cliente un "efecto" en los textos....(ahora les explico bien)
Tengo 10 títtulos y sus respectivas explicaciones (apróximadamente 15 líneas de texto cada una) y lo que quiero hacer es que aparezcan los diez títulos y al hacer click en ellos se muestre una capa oculta, bajando a los títulos inferiores. ¿me explico?
Esto lo conseguí, y anda perfectamente, pero para un solo título, cuando quiero utilizrlo en otro, ahí se me descontrola todo, y me abre el de arriba y me cierra el de abajo

Este es el código JS:
Código HTML:
OCULTO="none"; VISIBLE="block"; function mostrar(blo) { document.getElementById(blo).style.display=VISIBLE; document.getElementById('ver_off').style.display=VISIBLE; document.getElementById('ver_on').style.display=OCULTO; } function ocultar(blo) { document.getElementById(blo).style.display=OCULTO; document.getElementById('ver_off').style.display=OCULTO; document.getElementById('ver_on').style.display=VISIBLE; }
Código HTML:
<div id="ver_on1"><a href="#" onclick="mostrar('bloque1')"><h1>(+)Operaciones Compra-Venta y Alquileres</h1></a></div> <div id="ver_off1" style="display: none"><a href="#" onclick="ocultar('bloque1')"><h1>(-)Operaciones Compra-Venta y Alquileres</h1></a></div> <div id="bloque1" style="display: none"> <p>En la autorización de venta o alquiler, se estipulan plazos y condiciones. Desde allí en adelante nuestro trabajo consiste en ofrecer la unidad a potenciales interesados, y además efectuando publicaciones destacadas.</p> </div>
Agradezco cualquier ayuda.

DX