如何切換列表項的兒童與特定類

我怎麼能對母li使用jQuery .toggle一個li的sub-menu一類的menu-item用戶點擊後。菜單遵循以下模式：如何切換列表項的兒童與特定類

<ul class="menu"> 
     <li class="menu-item"><a href="#">Click Here To Toggle Child UL</a> 
      <ul class="sub-menu"><!-- Toggle all this --> 
       <li class="menu-item"><a href="..">Sub Menu Item 1</a></li> 
       <li class="menu-item"><a href="..">Sub Menu Item 2</a></li> 
      </ul><!-- Toggle all this --> 
     </li> 
     <li class="menu-item"><a href="#">Menu Item Without Children</a></li> 
    </ul>

我知道我需要檢查，如果li一類的menu-item有ul孩子一類的sub-menu，如果這樣的話那撥動ul。但是我不知道如何編寫代碼纔是最好的選擇。任何幫助，將不勝感激。

來源

2011-09-13 Mohammad