2012-02-03 96 views
-1

我嘗試實現手風琴jQuery的切換滑動下來和滑動左側導航欄,但我使用下面的jQuery和HTML代碼。但它不起作用,只顯示「點擊此處」。jQuery的手風琴滑動和下拉菜單不工作

<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> 

回答

1

我希望你不要忘記:

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

http://docs.jquery.com/

+0

你正好投了點..它的工作原理。 – krish 2012-02-03 11:32:57

0

在您的第2行的jQuery( 「手風琴> LI> DIV」),應該不會是

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

我建議您嘗試使用Firebug或Firefox中的JavaScript控制檯檢查語法錯誤...

+0

是我做的,但我仍然是相同的 – krish 2012-02-03 11:32:06