jQuery效果不能在Wordpress模板文件中工作？

Question

我有我的主頁模板文件，Home-template.php，並在其中我有一個滑動菜單的HTML。

這是我的滑動菜單腳本：

$(document).ready(function() { 

// Expand Panel 
$("#open").click(function(){ 
    $("div#panel").slideDown("fast"); 


}); 

// Collapse Panel 
$("#close").click(function(){ 
    $("div#panel").slideUp("fast"); 
});  

$(".toggle a").click(function() { 
    $(".toggle a").toggle(); 
});  
    e.preventDefault(); 
}); 

和兩個jQuery和這個腳本加載的頁面，但幻燈片效果不工作的，它唯一的坡平上下無效果。

任何幫助？

這裏是HTML代碼：

<div id="panel">  
<nav id="main-menu"> 
    <ul> 
     <li><a href="">Home</a></li> 
     <li><a href="">About me</a></li>   
    </ul> 
</nav> 
</div> 
<div class="toggle"><a id="close" style="display: none;position: absolute;right:5px;top:5px;" class="close" href="#"></a></div> 
<div class="toggle" style="position: absolute;right:10px;top:10px;"><a id="open" class="open" href="#"></a></div> 

這裏是一個頁面的鏈接：電子沒有定義 http://pavlovic.com/about-me/

Answer 1

好一個，其次我不知道你是如何，包括您JS所以 你應該閱讀：http://wp.tutsplus.com/articles/how-to-include-javascript-and-css-in-your-wordpress-themes-and-plugins/

Answer 2

試試下面的代碼對我的作品

$(this).effect('slide', { direction: 'down'}, 500); 

爲幻燈片效果工作在jQuery隨jQuery文件jquery-effects-core和jquery-effects-slide也必須加載。

wp_enqueue_script('jquery'); 
wp_enqueue_script('jquery-ui-core'); 
wp_enqueue_script('jquery-effects-slide'); 

這種代碼也可以運行：

$('#test').effect("slide", "right");