Toute tentative de créer un jQuery rapide menu déroulant

Question

ne sais pas si je fais ce droit, mais je suis en train de créer une simple goutte dans le menu déroulant dans jQuery. Je veux essentiellement un div (avec des liens) apparaître une fois l'élément de menu planait au-dessus ..

Le menu:

<ul id="mainlevel">
  <li><a href="#" class="mainlevel_home" ><span>Home</span></a></li>
  <li><a href="#" class="mainlevel_feature-writers" ><span>Feature Writers</span></a></li>
  <li><a href="#" class="mainlevel_fantasy-killed-my-hsc" ><span>Fantasy Killed My HSC</span></a></li>
</ul>

The Hidden Div:

<div class="subMenu"><a href="/feature-writers/jd-ormsby" class="sublevel jd-ormsby"><span>J.D. Ormsby</span></a></div>

jQuery:

$(".mainlevel_feature-writers").hover(function(){ 
  $(".subMenu").fadeIn("slow"); 
}, function() { 
  $(".subMenu").fadeOut("slow"); 
});

Maintenant, cela se fane dans le div caché et se fane dehors bien, mais - comment puis-je l'arrêter de se décolorer si quelqu'un survole quelque chose à l'intérieur du nouveau div représenté

Désolé si cela est vraiment une question évidente .. Je suis encore à apprendre! :)

Answer 1

Je pense que vous devez séparer le traitement des événements mouseover et mouseout.

On peut supposer que vous voulez que le gestionnaire de mouseover à être attaché à l'élément de menu « haut niveau », et le gestionnaire de mouseout à joindre au caché « menu déroulant » div (avec un code d'état pour gérer les conflits).