Javascript jQuery-移动设备的多级菜单

我需要为手机制作带有多级子菜单的菜单。 这是动态菜单，所以我不能向html添加更多的类。 当我单击具有子菜单的元素时，菜单正在向下滑动。子菜单：

> ul.sub-menu

但当我想在同一个节点中单击另一个更深的元素时，所有这些节点菜单都将滑动

这是我的密码：

例如：

第一个>03>关闭>第一个>03打开>03-02>关闭>第一个>03>关闭>第一个>我的节点到元素03-02-02已经打开

谢谢你的帮助

完整解决方案如下：

---

您可以尝试将单击事件绑定到每个Ain而不是li，并找到子菜单以使用功能向上/向下滑动

还可以使用滑动切换打开/关闭子菜单。 仅当存在同级ul时，才会阻止单击

---

试着用这个来解决这个问题

var test1 = $( '#menu-mobile-slide ul.menu li' );
    test1.on( 'click', function(e) {
        e.preventDefault();

        var mobileMenu = $(e.target).parent().find( '> ul.sub-menu' );
        if( mobileMenu.css('display') == 'none' ) {
            mobileMenu.slideDown();
            e.stopPropagation();
        } else {
            mobileMenu.slideUp();
            e.stopPropagation();
        }
    });

---

您可以单击停止传播，但如何做到这一点？因此，您正在尝试找出如何使子菜单项向下滑动？非常感谢，但现在链接例如：First>03>03-01不起作用：

var test1 = $( '#menu-mobile-slide ul.menu li' );
    test1.on( 'click', function(e) {
        e.preventDefault();

        var mobileMenu = $(e.target).parent().find( '> ul.sub-menu' );
        if( mobileMenu.css('display') == 'none' ) {
            mobileMenu.slideDown();
            e.stopPropagation();
        } else {
            mobileMenu.slideUp();
            e.stopPropagation();
        }
    });