jquery slideToggle在单击子元素LI时关闭父级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(); 
    }); 
}); 

Sample broken code

Answer 1

同比只需要停止的事件是同一事件下的父元素上冒泡。尝试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/