Оптимизация функции раскрывающегося меню 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

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

Выезд Суперфиш

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