Jquery點擊下拉菜單不適合我嗎？

Question

我正試圖在網頁上實現一個JQuery Javascript菜單。

jQuery代碼：

$(".navigation ul ul, .shoppingbasket ul ul").css({display: "none"}); 
$(".navigation ul li, .shoppingbasket ul li").click(function(){ 
    $(this).find('ul:first').slideToggle(400); 
}); 

HTML：

<div class="navigation"> 
<ul> 
    <li><h3>View Fruit List</h3> 
     <ul> 
      <li>Apple</li> 
      <li>Lemon</li> 
      <li>Banana</li> 
      <li>Avocado</li>     
     </ul> 
    </li> 
    <li><h3>View Car List</h3> 
     <ul> 
      <li>Pinto</li> 
      <li>Lemon</li> 
      <li>Mercedes</li> 
      <li>Nova</li>     
     </ul> 
    </li>   
</ul> 

The code works on JsFiddle，但不工作on my site（可以查看我的源代碼，看看我做了什麼）。我已經鏈接jquery.js並將該插件放在頁面上。我需要鏈接任何其他文件 - 我錯過了什麼嗎？我需要做些什麼才能使此代碼成功運行？

Answer 1

$(document).ready(function(){ 
    // your jQuery code 
}); 

http://api.jquery.com/ready/