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.