jQuery 3rd Level slideToggle Bouncing

Question

juleryを使用して、標準のul> li構造体に基づくドロップダウンナビゲーションを作成しています。

すべてがうまく機能している、しかし、私は三レベルのアイテムを取得するときslideToggle機能は、「バウンス」を引き起こし、私はそれをここに投稿したコードのかなりの量がありますので、UL

子を明らかにしたことがありません。 http://jsfiddle.net/ChGXt/2/

私はそれが単純なものだと確信していますが、私はそれを理解できません。

Answer 1

クリックイベントの伝播を停止して、そのレベルに達したらli構造をバックアップする必要があります。これを試してみてください：

$('nav ul').delegate('.sub_nav', 'click', function(e) { 
    e.stopPropagation(); 

    // rest of the code... 
}); 

Updated fiddle