Foros del Web » Creando para Internet » HTML »

Ocultar divs con hijos

Estas en el tema de Ocultar divs con hijos en el foro de HTML en Foros del Web. Hola a todos un nuevo tropiexzo que me he encontrado. He hecho dos funciones para ocultar o mostrar un div segun me de la gana ...
  #1 (permalink)  
Antiguo 29/04/2009, 00:29
 
Fecha de Ingreso: marzo-2009
Mensajes: 58
Antigüedad: 8 años, 9 meses
Puntos: 2
Ocultar divs con hijos

Hola a todos un nuevo tropiexzo que me he encontrado. He hecho dos funciones para ocultar o mostrar un div segun me de la gana y lo hace perfectamente, bueno las funciones las pusieron por aqui por el foro. Elk problema es el sigiente, si es tan solo texto, el div lo oculta perfectamente pero si este div tiene algun hijo por ejemplo como es mi caso en el que tengo puestas varias imagenes, estas no las oculta, alguien sabe porque?¿como se puede solucionar? y a ser posible que sea respetado los divs que ahora mismo tengo.
  #2 (permalink)  
Antiguo 29/04/2009, 08:01
 
Fecha de Ingreso: junio-2004
Mensajes: 616
Antigüedad: 13 años, 6 meses
Puntos: 25
Respuesta: Ocultar divs con hijos

Cita:
Iniciado por JUANFM2009 Ver Mensaje
Hola a todos un nuevo tropiexzo que me he encontrado. He hecho dos funciones para ocultar o mostrar un div segun me de la gana y lo hace perfectamente, bueno las funciones las pusieron por aqui por el foro. Elk problema es el sigiente, si es tan solo texto, el div lo oculta perfectamente pero si este div tiene algun hijo por ejemplo como es mi caso en el que tengo puestas varias imagenes, estas no las oculta, alguien sabe porque?¿como se puede solucionar? y a ser posible que sea respetado los divs que ahora mismo tengo.
Anda, pega aquí todo tu código e intentaremos ayudarte. De otra forma es muy difícil saber qué te está pasando...

Un saludo,
eContento
__________________
eContento
- Mis artículos, tutoriales y labs
- Mis jsfiddles
  #3 (permalink)  
Antiguo 29/04/2009, 10:19
 
Fecha de Ingreso: marzo-2009
Mensajes: 58
Antigüedad: 8 años, 9 meses
Puntos: 2
Respuesta: Ocultar divs con hijos

ya decia yo que se me olvidaba algo.... jejejej

a ver tengo el siguiente div con los siguientes hijos en cada uno de ellos una imagen.

<div id="home">
<div class="cf_element" id="cf1"><img src="images/fade/imagen1.gif" alt=""/></div>
<div class="cf_element" id="cf2"><img src="images/fade/imagen2.gif" alt=""/></div>
<div class="cf_element" id="cf3"><img src="images/fade/imagen3.gif" alt=""/></div>
<div class="cf_element" id="cf4"><img src="images/fade/imagen4.gif" alt=""/></div>
<div class="cf_element" id="cf5"><img src="images/fade/imagen5.gif" alt=""/></div>
<div class="cf_element" id="cf6"><img src="images/fade/imagen6.gif" alt=""/></div>
</div>

cuando pulso un enlace lo que quiero es que me oculte el div home y con el todos sus hijos.

<li class="kwick opt1" onclick="ocultar('home')"><span>Empresa</span></li>

aqui llama a la funcion ocultar que es la siguiente:

<script type="text/javascript">

function mostrar(elemento)
{
document.getElementById(elemento).style.visibility ="visible";
}

function ocultar(elemento)
{
document.getElementById(elemento).style.visibility ="hidden";
}
</script>

pero claro solo me oculta el home los cf1, cf2, cf3, etc etc no los oculta los sigue mostrando.
  #4 (permalink)  
Antiguo 29/04/2009, 18:18
 
Fecha de Ingreso: marzo-2009
Mensajes: 58
Antigüedad: 8 años, 9 meses
Puntos: 2
Respuesta: Ocultar divs con hijos

lo vuelvo a subir a ver si hay suerte
  #5 (permalink)  
Antiguo 29/04/2009, 22:21
 
Fecha de Ingreso: marzo-2009
Mensajes: 58
Antigüedad: 8 años, 9 meses
Puntos: 2
Respuesta: Ocultar divs con hijos

gente lo solucione, simplemente cambie la porpiedad del estilo a display="none"

La diferencia por si a alguien le sirve:

visibilit:hidden oculta el elemento, pero todavía ocupa el espacio que representa en la organización de la página.

display:none quita el elemento completamente del documento. No ocupa ningún espacio, aunque el html aún se puede ver en el código fuente
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 15:38.