繃菜單與jQuery

Question

我有一些HTML類似如下：

<ul> 
    <li><a href="#">Page 1</a></li> 
    <li><a href="#" class="toggle">[Open|Close]</a><a href="#">Page 2</a> 
     <ul> 
      <li><a href="#">Page 2-1</a></li> 
      <li><a href="#">Page 2-2</a></li> 
      <li><a href="#">Page 2-3</a></li> 
      <li><a href="#">Page 2-4</a></li> 
     </ul> 
    </li> 
    <li><a href="#">Page 3</a></li> 
    <li><a href="#">Page 4</a></li> 
    <li><a href="#">Page 5</a></li> 
</ul> 

，並希望，當點擊與類「切換」的一個是UL將被切換。我對基本的jQuery的東西相當體面，但沒有真正的想法在哪裏開始這一個！任何取得相同結果的替代方法都會受到歡迎。

Answer 1

隨着該標記，這將工作：

$('.toggle').click(function(){ 
    $(this).siblings('ul').toggle(); 
}); 

Answer 2

退房jQuery的切換功能， http://docs.jquery.com/Effects/toggle