Añadir Delay en hover, menu multinivel Jquery y CSS

[resback]

Añadir Delay en hover, menu multinivel Jquery y CSS



Tengo este menú multinivel montado en una página web:

[URL="http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/"]Menu 1[/URL]

Tiene un efecto hover que al poner el mouse y al quitarlo añade una animación de desenvolverse, este menu tiene opciones de controlar el tiempo de la animación.

Lo que me interesa saber es como controlar el tiempo en el que quitas el puntero del menu y se activa el efecto de desenrrollarse. Ya que basta unos milisegundos que tengas el puntero fuera del área del menú y se oculte todo totalmente.

Este menú tiene exactamente el efecto deseado, pero quiero hacerlo en el menu que mencione primero (DynamicDrive)

[URL="http://users.tpg.com.au/j_birch/plugins/superfish/example.html"]Menu 2[/URL]

** Duda opcional **

En el primer menú se aplica el ID y CLASS a una capa <DIV>, y dentro de ella esta la etiqueta <Ul> que no tiene ningún ID y CLASS, si quiero poner ese ID y CLASS a la etiqueta "<UL>" deja de funcionar el menú.

El segundo menú tiene un ID y CLASS en la etiqueta <UL> directamente sin DIVS, si pongo ese código en una etiqueta superior,"<DIV>" el menú no funciona más.

------

Me gustaría saber como hacer que el segundo menú (superfish) se apliquen los ID y CLASS a una etiqueta "<DIV>" Y DENTRO DE ELLA <UL>

Ejemplo:

Código HTML:

<div class="sf-menu" id="example">

<ul>

 <li></li>
 <li></li>

</ul>

</div> 

Saludos y gracias por sus comentarios

[Alexis88]

Utiliza el método setTimeout para ejecutar la función de ocultamiento luego de transcurrido un tiempo determinado.

Código Javascript:

function ocultar(){
    //Instrucciones
}
 
setTimeout(ocultar, 750); //Ejecuta la función luego de 750 milésimas de segundo
 

Saludos

[hecbaal]

Puedes utilizar la función delay() para retrasar el efecto.