創建Slashdot的菜單與jQuery

Question

我只是想創造我的網站Slashdot的菜單，這是我走到這一步：

$(document).ready(function() { 
    $('ul').each(function(){ 
     $(this).click(function(){ 
      $('ul').closest('li').slideToggle(300); 
     }); 
    }); 
}); 

這只是根本不會因爲你可以看到here

工作

我的HTML是：

<ul> 
    Click 1 
    <li>1.1</li> 
</ul> 

<ul> 
    Click 2 
    <li>2.1</li> 
</ul> 

希望有人能幫助我得到這個工作。

Answer 1

你不需要做each and the click。只需點擊循環就會照顧到兩者。

$(document).ready(function() { 
      $('ul').click(function(){ 
      $(this).children('li:first').slideToggle(300); 
     }); 
}); 

撥弄：http://jsfiddle.net/HEC7z/2/