自定义 wordpress 垂直手风琴菜单答案

【问题标题】：Custom wordpress vertical accordion menu自定义 wordpress 垂直手风琴菜单
【发布时间】：2013-02-01 05:07:34
【问题描述】：

我有一个 wordpress 网站，我正在尝试创建一个自定义菜单。我需要它做的是，如果它有一个子“ul”，则将父级视为“手风琴头”，目前它可以工作，但最多 2 个级别，如果超过 2 个，则隐藏其余的。有什么帮助吗？

HTML：

<ul id="menu-interno" class="menu">
<li id="menu-item-629" class=""><a href="#">Home</a></li>
<li id="menu-item-635" class=""><a href="http://#">Mujeres</a>
    <ul class="sub-menu">
    <li id="menu-item-636" class=""><a href="#">Xiomi</a>
    <ul class="sub-menu">
        <li id="menu-item-637" class="">
        <a href="#">Xiomi &#8211; Pink Candy</a>
        </li>
        <li id="menu-item-638">
            <a href="#">Xiomi &#8211; Electric City</a>
        </li>
        <li id="menu-item-639">
        <a href="#">Xiomi &#8211; Cupcake Girl</a>
        </li>
    </ul>
</li>
</ul>
</li>
</ul>

CSS：

#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;
}

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');
     }
   });
});

【问题讨论】：

标签： jquery wordpress menu accordion

【解决方案1】：

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

【讨论】：

对不起，你能详细说明一下吗？不要求整个解决方案只是关于如何更改它的线索？ css 或者 js，改成什么？谢谢:)
'#menu-interno li ul' 会选择第一个li中的所有ul，所以使用不同的类可以直接选择任何你想要的ul或li。