Optimisation d'une fonction de menu déroulant jQuery

Question

Voici la fonction que je fais appel comme ceci: $(document).ready(function(){ dropdownmenu(); });

function dropdownmenu() { 
    $("#navigation ul li.upper").hover(function(){ 
     $("ul.submenu", this).show(400); 
    },function(){ 
     $("ul.submenu", this).hide(); 
    }); 
} 

Comment puis-je optimiser cette fonction, ce qui empêche spécifiquement mise en file d'animation et d'en faire le feu correctement sur la charge de la page? Tous les autres conseils seraient les bienvenus!

Last but not least, le balisage:

<ul> 
     <li>...</li> 
     <li class="upper"> 
      <a href="#">Example</a> 
      <ul class="submenu"> 
       <li><a href="#">Sub-example</a></li>  
      </ul> 
     </li> 
     <li>...</li> 

Merci à l'avance!

Answer 1

Tout le travail a déjà été fait pour vous.

Découvrez superfish

Si vous voulez continuer à rouler votre propre alors au moins vérifier la source sur ce plug-in et aussi Hover with intent