La liste déroulante ne fonctionne pas correctement

Question

Lorsque vous passez la souris sur Categories, le menu déroulant s'affiche mais lorsque je déplace la souris sur les enfants, le menu disparaît en permanence.

Voici le jsFiddle http://jsfiddle.net/mdanz/hvF8P/17/

Answer 1

Vous ne devriez pas utiliser mouseout. Au lieu de cela, fournir deux fonctions à hover:

$('#category2').hover(function() { 
    $('#category2').show(); // This function will be called upon mouseover 
}, function(e) { 
    $('#category2').hide(); // This one will properly be called on mouseout 
}); 

Fiddle: http://jsfiddle.net/hvF8P/20/

Side note: A l'intérieur des fonctions, au lieu d'utiliser $('#category2'), vous pouvez également utiliser $(this).