Javascript 关于菜单子项'；s滑动切换jQuery

我为移动版创建了一个菜单，我的脚本遇到了一些问题。 这是我的菜单代码

slideToggle（）功能：

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

演示

当我点击菜单父项时，所有子项都会出现，例如：我只想显示被点击菜单父项（1）的子项，当我点击另一个父项（2）时，我想显示单选按钮。父项（1）的子项消失，父项（2）的子项出现。

就这样，谢谢

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

检查这个

Js:

大家好，我在这里遇到了一些问题，当我在Galaxy上浏览我的模板时，滑动切换菜单不起作用！！可能是因为我使用了css3转换，但是我如何解决这个问题呢？这是我的模板，你能帮我吗？谢谢我使用华硕Zenfone5，你的模板在我手机的chrome上运行良好。您使用的是哪种型号的galaxy和哪种浏览器（本机或chrome或其他），我使用的是三星galaxy Grand Prime，我使用的是默认浏览器。
$('.menu ul li').on('click', function(){
    $(".menu ul li").not(this).find('ul').slideUp();
    $(this).find('ul').slideToggle();
});