垂直jqueryスライドを下にしてメニューを開いたままにする

Question

答えはおそらく非常に単純ですが、どういうわけか、私はそれを理解することができず、私のプロジェクトで進む必要があります。

私は垂直ナビメニューを持っています。私はホバー上にスライドを持っています。 しかし、私はメニューを開いたままにしておきたいと思います。 私はコードの最後の行を削除しようとしましたが、それはかなり見栄えません。

私は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

ドキュメントの読み込み時に非表示にするだけです。あなたが去るときhttp://jsfiddle.net/Redwb/3/