Question

我正在尝试构建一个jQuery / CSS移动菜单，它具有扩展子ul / li标签的按钮。

展开按钮适用于“父＆gt;子”项，但不适用于“父＆gt;子＆gt;子”项目或任何其他嵌套项目，当我点击子项的展开按钮时，它会关闭父项

我正在使用的代码在这里：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

jQuery切换父/子标签

1 个答案: