-3

我有以下标记：

<a href="#" class="Menu">Menu</a>
<ul>
  <li><a href="#">Home</a></li>
  <li>
    <a href="#">Content</a>
    <ul>
      <li><a href="#">Files</a></li>
      <li><a href="#">Posts</a></li>
    </ul>
  </li>  
  <li><a href="#">Shop</a></li>  
</ul>

1 - 单击第一个锚点（class="Menu"）时，我需要切换父 UL 的可见性

2 - 单击上面的锚点时，我还需要切换每个子 UL 的可见性

我怎样才能用 JQuery 做到这一点？

谢谢你，米格尔

4

3 回答 3

1 
jQuery(function(){
    $('a[href="#"]').click(function(){
        $(this).next('ul').toggle()
    })
})
于 2013-08-28T16:24:09.157 回答
0

使用切换方法简单地使用 jquery 隐藏/显示元素

 $('.target').toggle();
于 2013-08-28T16:24:47.363 回答
0

@Arun P Johny 对 Jquery 有正确的实现，但如果你有兴趣，这是 javascript 方法

function functionName(){
     document.getElementById("outerList").style.visibility = "visible";
}

您的 html 已修改

    <a onclick="functionName(); return false;" href="#" class="Menu">Menu</a>
    <ul id="outerList" style="visibility:hidden">
      <li><a href="#">Home</a></li>
      <li>
        <a href="#">Content</a>
        <ul>
          <li><a href="#">Files</a></li>
          <li><a href="#">Posts</a></li>
        </ul>
      </li>  
      <li><a href="#">Shop</a></li>  
    </ul>
于 2013-08-28T16:25:47.700 回答