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

您只需创建两个类(一个用于将其定位为"slid up“，另一个用于"slid down")并使用.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/

我刚刚意识到你的一个选择器错过了$，这可能只是一个打字错误