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/