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

我刚刚意识到您的一个选择器缺少 $，它可能只是一个错字