切換元件的可見性

-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 - I需要切換父UL的可視性被點擊第一錨（類=「菜單」）時

2 - 我還需要切換每個孩子UL的可見性，當點擊它上面的錨點時

如何使用JQuery來做到這一點？

謝謝你，米格爾

來源

2013-08-28 Miguel Moura

切換方法可能會與click方法一起幫助。 –

jQuery(function(){ 
    $('a[href="#"]').click(function(){ 
     $(this).next('ul').toggle() 
    }) 
})

來源

2013-08-28 16:24:09

使用翻轉方法只是隱藏/使用jQuery表演元件

$('.target').toggle();

來源

2013-08-28 16:24:47

@Arun P約翰尼拉擁有jQuery的正確執行，但如果你有興趣，這是JavaScript的方法

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

您的html修改ed

<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-28 16:25:47

切換元件的可見性

回答

相關問題