javascript - jquery使用按钮上下切换div

Question

希望你一切都好......这是我目前的jquery代码 - 只将div向上（而不是向下）：

$("#thedacbutton").click(function(){ 
    $(".thedacALLCONTENT").animate({"top":"-=558px"}, 400, 'linear');
    });

我希望“thedacALLCONTENT”在单击“thedacbutton”时向上移动，并在再次单击（向下）后移回其原始位置。就像一个切换...非常感谢任何帮助，谢谢-汤姆

Answer 1

我不是 100% 确定.. 你在用这个非常少的细节做什么。但你可以尝试类似

var flag = true;
$("#thedacbutton").click(function(){ 
    if(flag){
     $(".thedacALLCONTENT").animate({"top":"-=558px"}, 400, 'linear');
     flag = false;
    }else{
     $(".thedacALLCONTENT").animate({"top":"+=558px"}, 400, 'linear');
     flag = true;
    }
});

Answer 2

使用slideToggle()怎么样？

$("#thedacbutton").click(function(){ 
    $(".thedacALLCONTENT").slideToggle();
});

快速jsFiddle 示例。