Jquery 自定义wordpress垂直手风琴菜单

我有一个wordpress网站，我正在尝试创建一个自定义菜单。我需要它做的是，如果它有一个子“ul”，然后将父对象视为“accordio header”，当前它可以工作，但最多可以达到2个级别，如果有超过2个级别，那么它会隐藏其余部分。有什么帮助吗

HTML:

JQuery：

$(document).ready(function () {

   $('#menu-interno > li > a').click(function(){
     if ($(this).attr('class') != 'active'){
       $('#menu-interno li ul').slideUp();
       $(this).next().slideToggle();
       $('#menu-interno li a').removeClass('active');
       $(this).addClass('active');
     }
   });
});

---

不要使用ul li作为选择器，使用不同的类。

对不起，您可以详细说明lil吗？不是问整个解决方案，只是一个如何改变它的线索？css或js，并将其更改为什么？谢谢：）“#menu interno li ul”将选择第一个li中的所有ul，因此使用不同的类可以直接选择您想要的任何ul或li。

#menu-interno{
float: left;
width: 280px;
/*border-top: 1px solid #999;
border-right: 1px solid #999;
border-left: 1px solid #999;*/
}
#menu-interno li a {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color:#000 !important;
}
#menu-interno li ul {
  display: none; // used to hide sub-menus
  margin: 4px 0 15px;
}
#menu-interno li ul li a {
  font-size: 11px;
  font-weight: normal;
  color:#000 !important;
}

$(document).ready(function () {

   $('#menu-interno > li > a').click(function(){
     if ($(this).attr('class') != 'active'){
       $('#menu-interno li ul').slideUp();
       $(this).next().slideToggle();
       $('#menu-interno li a').removeClass('active');
       $(this).addClass('active');
     }
   });
});