Foros del Web » Creando para Internet » CSS »

ocultar y enseñar div en menu

Estas en el tema de ocultar y enseñar div en menu en el foro de CSS en Foros del Web. Hoola!!! Estoy diseñando un menú mediante css - listas donde la persona hace click sobre el tema que le interesa y aparece el contenido. Si ...
  #1 (permalink)  
Antiguo 08/06/2009, 04:24
 
Fecha de Ingreso: enero-2006
Mensajes: 198
Antigüedad: 11 años, 10 meses
Puntos: 3
ocultar y enseñar div en menu

Hoola!!!

Estoy diseñando un menú mediante css - listas donde la persona hace click sobre el tema que le interesa y aparece el contenido. Si hace click sobre otro tema del menú, el contenido anterior se oculta y aparece el nuevo. Esto me funciona bien en un menu de un nivel, pero si tiene varios no me funciona... y no se como cambiar el código javascritp. Alguna ayudita o un tutorial que me pueda orientar? gracias.

El código javascript es el siguiente:

Código HTML:
<script type="text/javascript">
<!--
menu_status = new Array();
var last_expanded = '';
 
function showHide(id)
{
var obj = document.getElementById(id);
 
var status = obj.className;
 
if (status == 'hide') {
 
if (last_expanded != '') {
var last_obj = document.getElementById(last_expanded);
last_obj.className = 'hide';
}
 
obj.className = 'show';
 
last_expanded = id;
} else {
obj.className = 'hide';
}
}
//--> 

</script> 


Y el código del menú sería el siguiente:

Código HTML:
<ul>
<li><a class="menu1" onclick="showHide('mymenu6')">Grupo 1</a></li>	
     <div id="mymenu6" class="hide">
     
     <ul>
     <li><a class="menu1" onclick="showHide('mymenu7')">Grupo 1 - B</a></li>
                        	
                <div id="mymenu7" class="hide">
                <ul>
                <li><a href="#">Elemento1</a></li>
                <li><a href="#">Elemento2</a></li>
                <li><a href="#">Elemento 3</a></li>
                </ul>
                </div>

        </ul>
</ul> 
Y si le doy a Grupo 1 - B desaparece esto y no me aparecen los otros elementos.
  #2 (permalink)  
Antiguo 08/06/2009, 04:35
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: ocultar y enseñar div en menu

Hola Hema:
Cita:
... y no se como cambiar el código javascritp. Alguna ayudita o un tutorial que me pueda orientar? gracias.
Si precisas ayuda de javascript no es el foro de css donde mejor la recibirás. Así que casi mejor que te muevan el tema.

Si lo que quieres son menús garantizado su funcionamiento hasta en ie6, pasa por las faq´s de este foro de css. Ahí tienes una buena colección de ellos realizados por Mikmoro.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:47.