jquery滑動div不工作

Question

我想實現我的表單的jQuery代碼，當單擊時滑動下來 ，再次單擊時再次滑動。

這裏是我的代碼：

$("document").ready(function(){ 
    $("#login").click(function() 
    { 
$("#login").bind("click",fnclick); 
    }); 

function fnclick(evt){ 
    ("#form").toggle(clicked,unclicked); 

} 
function clicked(){ 
    $("#form").animate({height:"90px"},1000) 
} 
function unclicked(){ 
    $("#form").animate({height:"0px"},1000) 
} 

}); 

Answer 1

你可以只創建兩個類（一個爲它定位「滑上」，一個爲「下滑」），並使用.toggleClass

$(document).ready(function(){ 
$("#elementToBeClicked").click(function(){ 
$("#elementToBeClicked").toggleClass("slidUpClass").toggleClass("slidDownClass") 
}); 

Answer 2

以及我不明白你的問題是什麼，是否點擊功能不工作或滑動動畫是壞的...

如果它的動畫問題使用jQuery的功能來滑動元素：

$("#form").slideUp(); 
$("#form").slideDown(); 

下面是一個簡單的筆畫演示：http://jsfiddle.net/isair/mfmU7/4/

，我只是意識到，你的選擇之一mising $，它可能只是一個錯字