单击特定div区域时阻止toggleClass

Question

我有dropdown menu。 到目前为止，当我点击“菜单”时，子菜单会下降，当我再次点击“菜单”或子链接时，它会再次折叠。

我需要的是防止此行为，并且仅在我点击“菜单”时toggleClass('clicked')。 标记应该保持不变。 任何帮助将非常感谢！

Answer 1

您可以在此处使用 e.stopPropagation() 来阻止主菜单的点击事件被触发，并在点击子菜单时折叠您的菜单：

$('.productSubmenu').click(function (e) {
    e.stopPropagation();
});

<强> Updated Fiddle