Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/05/2010, 10:40
chriz
 
Fecha de Ingreso: mayo-2010
Mensajes: 6
Antigüedad: 14 años, 6 meses
Puntos: 0
Problema con DIVS

Tengo la siguiente situación, trato de hacer un miniapartado de una pagina web sencilla, en la que necesito utilizar varios DIVS 'anidados' por así decirlo.

este es el script que tengo
Código:
<script>
function mostrar(id) {
  obj = document.getElementById(id);
  obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden';
}
</script>
y esto tengo en el body

Código:
<UL>

<LI> <FONT SIZE=4> <a href="#" onclick="mostrar('divTexto1'); return true" /> 
<FONT FACE="Calibri"> <FONT COLOR="#FFFFFF">Corporativo</a>
<div id="divTexto1" style="visibility:hidden"> 


<UL>
<LI> <FONT SIZE=3> <a href="#" onclick="mostrar('divTexto1a'); return false" />  
<FONT FACE="Calibri"> <FONT COLOR="#FFFFFF">Operación</a>
<div id="divTexto1a" style="visibility:hidden"> 
Procedimiento/Política1 <BR>
Procedimiento/Política2 
</div>
</UL>

<UL>
<LI> <FONT SIZE=3> <a href="#" onclick="mostrar('divTexto1b'); return false" />  
<FONT FACE="Calibri"> <FONT COLOR="#FFFFFF">Sistemas</a>
<div id="divTexto1b" style="visibility:hidden"> 
Procedimiento/Política1 <BR>
Procedimiento/Política2 
</div>
</UL>

<UL>
<LI> <FONT SIZE=3> <a href="#" onclick="mostrar('divTexto1c'); return false" />  
<FONT FACE="Calibri"> <FONT COLOR="#FFFFFF">Otros</a>
<div id="divTexto1c" style="visibility:hidden"> 
Procedimiento/Política1 <BR>
Procedimiento/Política2 
</div>
</UL>
</UL>
esto es lo que despliega al principio

Código:
Corporativo
       Operacion

       Sistemas

       Otros
y al dar clic en cualquiera de las opciones me aparecen otros apartados quedando así:

Código:
Corporativo
         Operacion
               Política # 1
               Política # 2
         Sistemas   
               Política # 1
               Política # 2
         Otros 
               Política # 1
               Política # 2
mi problema es que si yo despliego el texto de cada uno de los DIVS , pero, quiero cerrar todos los DIVS dando clic en 'corporativo' no desaparece todo, me queda de la siguiente manera:

Código:
Corporativo
     
               Política #1
               Política #2

               Política #1
               Política #2
 
               Política #1
               Política #2
es decir unicamente desaparecen los DIVS pertenecientes a 'operacion' 'sistemas' y 'otros' y para quitar los textos de políticas necesito dar clic en cada uno de los 3 que mencioné =S

les agradecería su ayuda mucho
si necesito colocar algun otro dato háganmelo saber!

Última edición por chriz; 06/05/2010 a las 10:45