jQuery live () hover, comportement étrange avec show / hide div - hover, jquery, slidetoggle

J'ai créé un exemple du problème ici:

http://jsfiddle.net/jXLSW/

Notez que lorsque vous survolez l'image, un divapparaît en haut de l'image. Lorsque vous quittez l'image, elle disparaît. Le problème est lorsque vous déplacez votre souris sur le div en haut. Il entre dans ce cycle d'affichage / masquage car la souris entre / sort.

Cette div qui apparaît en haut vacontiennent des icônes qui agissent comme une barre d'outils. Comment puis-je garder la barre d'outils visible lorsque je la survole? Plus important encore, comment puis-je faire en sorte que l'événement en vol stationnaire arrête de faire du vélo?

MISE À JOUR: La chose intéressante est que le code suivant fonctionne comme vous le souhaitez. Le problème est qu'il semble y avoir des problèmes de requêtes en direct dans la plupart des cas, cela ne démarre pas réellement. Par conséquent, aucune div n'apparaît, ce qui est également un problème majeur.

$(".has-menu").livequery(function() {
$(this).hover(function() {$(this).find("div.img-menu").slideToggle();}, function() {$(this).find("div.img-menu").slideToggle();});
});

Réponses:

Eh bien, j'ai changé le code en ceci:

$(".has-menu").live("hover", function(e) {
if (e.type == "mouseover") {
$(this).find("div.img-menu").slideToggle();
}else{
$(this).find("div.img-menu").slideToggle();
}
});

et maintenant tout va bien.