Javascript 子导航不指向页面（jquery）

我有一个下拉导航的基本标记，嵌套列表

用户将单击顶部导航项，这将打开子导航，但我的子导航链接不起作用

它是在一个CMS，所以我必须有占位符页那里的链接

标记：

<ul class="navtop">
<li><a href="">Who</a>
  <ul>
     <li><a href="">Sub Item 1</a></li>
     <li><a href="">Sub Item 2</a></li>
     <li><a href="">Long Sub Item 3</a></li>
     <li><a href="">Sub Item 4</a></li>
  </ul>
</li>
<li><a href="">What</a>
  <ul>
     <li><a href="">Sub Item 1</a></li>
     <li><a href="">Sub Item 2</a></li>
     <li><a href="">Long Sub Item 3</a></li>
     <li><a href="">Sub Item 4</a></li>
  </ul>
</li>
</ul>

css:

我尝试为$（“.navtop li ul li a”）添加一个“return true”，但没有成功。

---

建议？

为什么要将false返回到LI单击？我相信这就是问题所在

如果你把它去掉，一切都会好的

如果这不起作用，请记住，您正在将单击事件附加到每个LI，而不仅仅是顶级LI。请尝试以下方法：

$(".navtop > li").click(function(){
        $(this).toggleClass("show");            
        $(this).siblings(".show").toggleClass("show");
});

结果证明这是可行的：

$(".navtop > li > a").click(function(){
    $(this).parent('li').toggleClass("show");       
    $(this).parent('li').siblings(".show").toggleClass("show");
    return false;
});

$(".navtop > li").click(function(){
        $(this).toggleClass("show");            
        $(this).siblings(".show").toggleClass("show");
});

$(".navtop > li > a").click(function(){
    $(this).parent('li').toggleClass("show");       
    $(this).parent('li').siblings(".show").toggleClass("show");
    return false;
});