关于Menu Child的幻灯片切换jQuery

Question

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

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

Jsfiddle演示。

当我点击菜单父母时，所有孩子都会出现，例如：我想只显示菜单父（1）点击的孩子，我想要一些像单选按钮的时候我点击另一个父母（2），父母（1）的孩子消失，父母（2）的孩子出现。
那就是它，谢谢！

  

注意：调整结果部分窗口的大小以查看移动版本。

Answer 1

选中此Fiddle

JS：

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