Сделать вертикальное jquery слайд вниз меню оставаться открытым

Question

A noob вопрос. Ответ, вероятно, очень прост, но почему-то я не могу понять, и мне нужно двигаться дальше в моем проекте.

У меня есть вертикальное навигационное меню, и у меня есть слайд вниз при наведении. Но я хотел бы, чтобы меню оставалось открытым, как только оно соскользнуло. Я пробовал удалить последнюю строку кода, но это не выглядит красиво.

Я попытался реализовать Stu Nicholls method, но не получил его на работу. Но это тот эффект, который я хотел бы иметь.

Мое меню HTML является:

<nav id="verticalmenu">   
<ul> 
    <li><a class="slide" href="#">Kalendarium</a> 
    <ul class="down"> 
    <li><a href="#">Konzerte</a></li> 
    <li><a href="#">Seminare</a></li> 
    <li><a href="#">Vortraege</a></li> 
    </ul> 
</li> 
<li><a href="#">Projekte</a> 
    </ul> 

И JQuery к нему:

<script type="text/javascript"> 



(function($){ 

      //cache nav 
      var nav = $("#verticalmenu"); 

      //add hovers to submenu parents 
      nav.find("li").each(function() { 
       if ($(this).find("ul").length > 0) { 


        //show subnav on hover 
        $(this).mouseenter(function() { 
         $(this).find("ul").stop(true, true).slideDown(); 
        }); 

        //hide submenus on exit 
        $(this).mouseleave(function() { 
         $(this).find("ul").stop(true, true).slideUp(); 
        }); 
       } 
      }); 
     })(jQuery); 

Спасибо большое!

Answer 1

просто скрыть их при загрузке документа. нет необходимости, если проверка, JQuery делает это внутренне

(function($){ 
    var nav = $("#verticalmenu"); 
     //add hovers to submenu parents 
     nav.find("li").each(function() { 
      var li_ul = $(this).find("ul"); 
       li_ul.hide(); 
       //show subnav on hover 
       $(this).mouseenter(function() { 
        li_ul.stop(true, true).slideDown(); 
       }); 
     }); 
})(jQuery); 

скрипка: http://jsfiddle.net/Redwb/3/