Ocultar divs con hijos

[JUANFM2009]

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.

[eContento]

Iniciado por JUANFM2009

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

[JUANFM2009]

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.

[JUANFM2009]

lo vuelvo a subir a ver si hay suerte

[JUANFM2009]

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