javascript - jQuery 切换父/子标签

Question

我正在尝试构建一个 jQuery/CSS 移动菜单，其中包含用于子 ul/li 标签的展开按钮。

展开按钮适用于“父 > 子”项，但不适用于“父 > 子 > 子”项或任何其他嵌套项，当我单击子项的展开按钮时，它会关闭父项。

我正在使用的代码在这里:http://jsfiddle.net/tbxw39hq/

// Mobile Menu Toggle
$(".mobile-menu li").click(function() {
    $(".sub-menu", this).toggle();
});

// Add Expand To Mobile Menu
$('.mobile-menu li:has(ul.sub-menu)').append('<div class="menu-expand">+</div>');

非常感谢任何帮助!

谢谢

Answer 1

您需要停止向子元素传播事件:

$(".mobile-menu li").click(function(e) {
    e.stopPropagation();
    $(">.sub-menu", this).toggle();
});

Working Demo