当子LI被点击时，jquery slideToggle保持关闭父UL

Question

单击子LI时，如何阻止父UL关闭？ 例如，如果单击make1，则子UL将滑动打开。 然后，如果您单击1 model1，则子级UL打开，而父级UL关闭。 如果提供小提琴链接，请参见下面的损坏代码。

jQuery(document).ready(function ($) {
    $('li.menu-item-type-custom').on('click', function () {

        $(this).children('ul.sub-menu').slideToggle();
    });
});

样本破损代码

Answer 1

Yoy只需要停止事件在同一事件下的父元素上冒泡。 像这样尝试stopPropogation（）：

jQuery(document).ready(function($) {
  $('li.menu-item-type-custom').on('click', function(e) {
    e.stopPropagation();

    $(this).children('ul.sub-menu').slideToggle();
  });
});

https://jsfiddle.net/j331o3wy/