javascript - 关于 Menu Child's Slide Toggle jQuery

Question

我为移动版创建了一个菜单，但我的脚本遇到了一些问题。 这是我的菜单 slideToggle(); 功能代码:

$('.menu ul li').on('click', function(){
    $('.menu ul li ul').slideToggle();
});

Jsfiddle演示。

当我点击父级菜单时，所有子级都会出现，例如:我只想显示菜单父级(1)点击的子级，当我点击另一个父级(2)时我想要单选按钮之类的东西parent(1) 的 child 消失，parent(2) 的 child 出现。
就这样，谢谢!

Note : Resize the window of result section to see the mobile version.

Answer 1

检查这个Fiddle

Js:

$('.menu ul li').on('click', function(){
    $(".menu ul li").not(this).find('ul').slideUp();
    $(this).find('ul').slideToggle();
});