Jquery 当处于2级菜单时打开顶层-Woocommerce

我想在WordPress Woocommerce中为移动设备创建一个手风琴菜单。 我曾尝试在其他问题中使用一些代码，但无法实现

我的代码只能处理2个级别。。。 当我按下此菜单层次结构的级别2时，如何让顶层保持打开状态

谢谢

jQuery（'.menu-li.menu-item-has-children'）.prepend（''）
jQuery（'.span plus mobile'）。父项（）。单击（函数（）{
jQuery（this）.children（'.sub菜单'）.slideToggle（200）；
});
jQuery（“.span+mobile”）。单击（函数（）{
jQuery（“i”，this）.toggleClass（“fa角度左fa角度下”）；
});
.menu.子菜单{
显示：无；
}




































工作演示：

将基于类的js代码更改为ul li

jQuery('.menu li.menu-item-has-children ').prepend('<span class="span-plus-mobile"><i class="iplus-mobile fa fa-angle-left"></i></span>')

$('li').on('click', function(e) {
  $(this).children('ul').toggle();
  $(this).siblings('li').find('ul').hide();
  e.stopPropagation();
});

jQuery(".span-plus-mobile").click(function() {
    jQuery("i", this).toggleClass("fa-angle-left fa-angle-down");
});

jQuery（'.menu-li.menu-item-has-children'）.prepend（''）
$（'li'）。在（'click'，函数（e）上{
$（this.children（'ul'）.toggle（）；
$（this）.兄弟姐妹（'li'）.find（'ul'）.hide（）；
e、 停止传播（）；
});
jQuery（“.span+mobile”）。单击（函数（）{
jQuery（“i”，this）.toggleClass（“fa角度左fa角度下”）；
});