マイ・オウンjQueryのアコーディオン

Question

やあみんな、私は次のメニュー構造を作成しています：

<div id="menu">
<ul>
<li><a href="#">Main Item1</a></li>
<li><a href="#">Main Item2</a></li>
<li><a href="#">Main Item3</a>
    <ul>
    <li><a href="#">SubItem for MainItem3</a></li>
    <li><a href="#">2ndSub for MainItem3</a></li>
    </ul>
</li>
<li><a href="#">Main Item4</a>
    <ul>
    <li><a href="#">SubItem for MainItem4</a></li>
    <li><a href="#">2ndSub for MainItem4</a></li>
    </ul>
</li>
</ul>
</div>

だから、私のメニュー構造です。今私はSlideUp / SlideDownエフェクトを作るために最新のjQueryを使用したい。

私はこの方法を実行します。

$(document).ready(function(){
    $('#menu ul li:has(ul)').mouseenter(function(){         
                $('#menu ul li ul').slideDown('slow');                              
    }).mouseleave(function(){
        $('#menu ul li ul').slideUp('slow');
    });
});

私が最初にマウスオーバーとマウスアウトを試してみましたが、私はその機能を使用する場合、マウスオーバーで働いていたと私はサブに行きたかった時に、メニューがスライドしますが、マウスアウトイベントoccours。今では働いていたが、私は、例えば置くと、主な項目3に、潜水もメイン項目4からオープンとマウスアウトに近いです？！？！例えばからのみメニュー項目を避ける方法主な項目オーデルメイン項目3 4 ???

あなたは私が何を意味するか理解してほしい？

おかげ

Answer 1

$(function(){
    $('#menu ul li:has(ul)').hover(function(){                 
            $(this).find('ul').slideDown('slow');                                                          
    }, function(){
            $(this).find('ul').slideUp('slow');
    });
});