javascript - 如何将效果与菜单列表和子菜单列表分开？

Question

我是新手，我使用博客模板。我的问题出在子菜单列表和子子菜单列表中，如果第二个子菜单后面有其他子菜单，我无法突出显示它。

所以任何人都可以告诉我如何区分下一个太阳菜单和下一个子子菜单之间的这种效果？

这是代码:

[<li><a href='#'>MENULIST</a>
<ul>
<li><a class='trigger' href='#' itemprop='url'><span itemprop='name'>SUB-MENULIST A</span></a>
<ul>
<li><a class='trigger' href='#' itemprop='url'><span itemprop='name'>sub-sub-menulist 1</span></a></li>
<li><a class='trigger' href='#' itemprop='url'><span itemprop='name'>sub-sub-menulist 2</span></a></li>
<li><a class='trigger' href='#' itemprop='url'><span itemprop='name'>sub-sub-menulist 3</span></a></li>
  </ul>
</li>
<li><a class='trigger' href='#' itemprop='url'><span itemprop='name'>MENULIST B</span></a>
<ul>
<li><a class='trigger' href='#' itemprop='url'><span itemprop='name'>sub-sub-menulist 1</span></a></li>
<li><a class='trigger' href='#' itemprop='url'><span itemprop='name'>sub-sub-menulist 2</span></a></li>
<li><a class='trigger' href='#' itemprop='url'><span itemprop='name'>sub-sub-menulist 3</span></a></li>
<li><a class='trigger' href='#' itemprop='url'><span itemprop='name'>sub-sub-menulist 4</span></a></li>
  </ul>
  </li>
<li><a class='trigger' href='#' itemprop='url'><span itemprop='name'>MENULIST C</span></a>
<ul>
<li><a class='trigger' href='#' itemprop='url'><span itemprop='name'>sub-sub-menulist 1</span></a></li>
<li><a class='trigger' href='#' itemprop='url'><span itemprop='name'>sub-sub-menulist 2</span></a></li>
<li><a class='trigger' href='#' itemprop='url'><span itemprop='name'>sub-sub-menulist 3</span></a></li>
<li><a class='trigger' href='#' itemprop='url'><span itemprop='name'>sub-sub-menulist 4</span></a></li>
  </ul>
  </li>
</ul>

][1]

#menu-main{display:none;}
#header {
    text-align: left;
    letter-spacing: 1px;
    color: #222;
    text-shadow: 0px 2px 3px #555;
    margin: 0px auto;
    float: none;
    width: 466px;
}

---

<!--Menu To Drop Down Started-->
<script type='text/javascript'> 
//<![CDATA[
$(document).ready(function(){
selectnav('menu-main', {
  label: 'Select Here ',
  nested: true,
  autoselect: false,
  indent: '-'
});
});
//]]></script>
<!--Menu To Drop Down End-->

---

我无法选择(sub-sub-menulist 2)，因为每次它都会自动显示(MENULIST B)。

Answer 1

您还需要提供 CSS 和 JavaScript。