組み込みの jQuery UI メニュー機能をアニメーション化しようとしています。私はさまざまな方法を試しましたが、「フォーカス」イベントと関係があるはずだと思います。これが私が持っているコードですが、実際にはメニューからスライドしません。何が間違っていますか?
$('.nav-menu').menu({
position: { my: "left top",
at: "left bottom",
collision: "none"
},
focus: function(even,ui){
$(this).next("ul").slideDown("slow");
}
});
どんな助けでも大歓迎です。
編集：
メニューの HTML 構造:
<div class="menu">
<div class="menu-main-menu-container">
<ul id="menu-main-menu" class="nav-menu">
<li id="menu-item-409" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-409"><a href="">HOME</a></li>
<li id="menu-item-466" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-466"><a>Zenair CH801HD <span class="caret"></span></a>
<ul class="sub-menu">
<li id="menu-item-482" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-482"><a href="">801 News</a></li>
<li id="menu-item-480" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-480"><a href="">Horizontal Tail Build</a></li>
<li id="menu-item-467" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-467"><a href="">Everything Unfiltered</a></li>
</ul>
</li>
<li id="menu-item-5" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5"><a>Projects <span class="caret"></span></a>
<ul class="sub-menu">
<li id="menu-item-408" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-408"><a href="">(APP-02)</a></li>
<li id="menu-item-412" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-412"><a href="">GoPro Gimbal Mount</a></li>
<li id="menu-item-411" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-411"><a href="">Garage Build</a></li>
</ul>
</li>
<li id="menu-item-277" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-277"><a>Bearhawk <span class="caret"></span></a>
<ul class="sub-menu">
<li id="menu-item-414" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-414"><a href="">About The Bearhawk</a></li>
<li id="menu-item-413" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-413"><a href="">Bearhawk Modeling</a></li>
</ul>
</li>
<li id="menu-item-139" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-139"><a href="">About</a></li>
</ul>
</div>
</div>
ここのコードを少し整理してみました。これがメニュー構造です。進行中の完全な作業は、http://sdlan.org/~mnewmanで入手できます。