Оптимизация функции в раскрывающемся меню JQuery

Question

Вот функция, которую я называю так: $(document).ready(function(){ dropdownmenu(); });

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

Как я могу оптимизировать эту функцию, в частности, предотвращение анимации очередей и сделать его стрелять правильно при загрузке страницы? Любые другие советы будут приветствоваться!

Последнее, но не в последнюю очередь, разметка:

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

Заранее спасибо!

Answer 1

Вся работа уже выполнена для вас.

Заканчивать superfish

Если вы все еще хотите, чтобы свернуть свой собственный, то по крайней мере проверить источник на этот плагин, а также Hover with intent