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/