jQuery的手风琴滑动和下拉菜单不工作

Question

我尝试实现手风琴jQuery的切换滑动下来和滑动左侧导航栏，但我使用下面的jQuery和HTML代码。但它不起作用，只显示“点击此处”。

<script type="text/javascript"> 
       jQuery("#accordion > li > div").click(function() { 

       if (false == $(this).next().is(':visible')) { 
        jQuery('#accordion ul').slideUp(300); 
       } 
       jQuery(this).next().slideToggle(300); 
      }); 
      jQuery('#accordion ul:eq(0)').show(); 

     </script> 

这里是我的html代码：

<ul id="accordion"> 
      <li> 
       <div> 
        Click here</div> 
       <ul> 
        <li><a href="#"</a>outer view</li> 
        <li><a href="#"</a>our works</li> 
        <li><a href="#"</a>Atrs</li> 
        <li><a href="#"</a>contac us</li> 
        <li><a href="#"</a>Demo</li> 
       </ul> 
      </li> 
     </ul> 

    </ul> 

Answer 1

我希望你不要忘记：

$(document).ready(function() { 
    // Put all your jQuery goodness in here. 
}); 

http://docs.jquery.com/

Answer 2

在您的第2行的jQuery（ “手风琴> LI> DIV”），应该不会是

jQuery("#accordion > li > div"). 

我建议您尝试使用Firebug或Firefox中的JavaScript控制台检查语法错误...