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 $，它可能只是一个错字