jQuery 3rd Level slideToggle Bouncing

时间:2012-05-03 15:33:30

标签: jquery html-lists slidetoggle

我正在使用jQuery构建基于标准ul> li结构的下拉导航。

一切都运行良好,但是,当我进入三元级别项目时,slideToggle功能会导致'反弹'并且永远不会显示孩子UL

由于我已在此处发布了相当数量的代码:http://jsfiddle.net/ChGXt/2/

我确信这很简单,但我无法理解。

1 个答案:

答案 0 :(得分:5)

当您达到该级别时,您需要停止点击事件的传播以备份li结构。试试这个:

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

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

Updated fiddle