La navigation ne se cache pas après le survol de l'élément suivant

Question

J'ai besoin d'une navigation qui, lorsque je passe la souris, attend 1 seconde, puis se cache,

J'ai mon code ici

http://jsfiddle.net/xR83q/

mais ça ne fonctionne pas correctement

Pouvez-vous s'il vous plaît me dire ce que je fais de mal ?

Answer 1

Utiliser mouseenter et mouseleave à la place, remplacez les 2 dernières lignes par :

$j('#menu-navegacion-principal > li')
    .bind('mouseenter', navIn)
    .bind('mouseleave', navOut);

$j('#menu-navegacion-principal > li:has(ul)')
    .bind('mouseenter', navInS)
    .bind('mouseleave', navOutS)