Ocultar Submenu con jquery al momento de hacer clic

[lilia_cv]

Hola chicos.-

Necesito que me apoyen con esta funcion para poder mejorar el submenu.

Pasa que aplico este codigo en jquery para generar un menu principal y un submenu, el problema es que cuando doy click en alguna opcion de un submenu, al momento de que empieza a cargar la pagina a la que se direcciona, todos los submenus se activan(se visualizan), y esto sucede porque el servidor en la que hospedo la web es muy lento, sin embargo cuando ejecuto en mi localhost esto funciona muy bien.

Creo que debo añadir una funcion para evento click pero no se como hacerlo porfa una ayuda.


<script type="text/javascript">
function mainmenu(){
// Oculto los submenus
$(" #nav ul ").css({display: "none"});

// Defino que submenus deben estar visibles cuando se pasa el mouse por encima

$(" #nav li").hover(function(){
$(this).find('ul:first:hidden').css({visibility: "visible",display: "none"}).slideDown(400);
},function(){
$(this).find('ul:first').slideUp(400);
});
}
$(document).ready(function(){
mainmenu();
});
</script>

[lilia_cv]

Nadie me puede ayudar ?? Help me please..

[lilia_cv]

Chicos no obtengo una solucion, lo que necesito es ocultarlo al volver a cargar la web, Help me.

[livemusic]

eee, mira me gustaria que quites esta, parte..

$(" #nav li").hover(function(){
$(this).find('ul:first:hidden').css({visibility: "visible",display: "none"}).slideDown(400);
},function(){
$(this).find('ul:first').slideUp(400);
});

y que lo dejes asi...

function mainmenu(){
// Oculto los submenus
$(" #nav ul ").css({display: "none"});
}

como para testear, que se oculten los elementos al momento que carga, el DOM..
me comentas. si se ocultan. al momento que carga la pagina...

[caricatos]

Tema movido desde javascript

[lilia_cv]

Hola si aun se ve cuando se vuelve a cargar la pagina =(

[chicohot20]

Quita esto: $(" #nav ul ").css({display: "none"});
No ocultes los submenus con javascript sino con css.

En tu hoja de estilo ponle esto:

Código CSS:

#nav ul{display: none;}
 

Nos cuentas si te funciona.

[lilia_cv]

Excelente muchas gracias chico!! la idea me la diste quedo asi:

<script type="text/javascript">
function mainmenu(){

// Defino que submenus deben estar visibles cuando se pasa el mouse por encima

$(" #nav li").hover(function(){
$(this).find('ul:first:hidden').css({visibility: "visible",display: "none"}).slideDown(400);
},function(){
$(this).find('ul:first').slideUp(400);
});
}
$(document).ready(function(){
mainmenu();
});
</script>

y en mi hoja de estilos:

#nav ul li ul{display: none;}

Funciono perfecto Mil Gracias !!!!