jQuery 3级slideToggle弹跳

Question

我正在使用jQuery构建基于标准ul>li结构的下拉导航。一切都运行良好，但是当我到达三元级别项目时，slideToggle函数会导致“弹跳”，并且永远不会显示子UL。由于代码量比较大，我在这里发布了它：http://jsfiddle.net/ChGXt/2/。我相信这是一个简单的问题，但我就是想不出来。

- Fluidbyte

Answer 1

您需要在到达该级别时停止点击事件向上传播您的`li`结构。请尝试以下方法：

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

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

更新的 jsfiddle 示例

- Rory McCrossan