jQuery使用按鈕上下切換div

Question

希望您一切都好...目前這是我的jquery代碼-僅將div向上移動（而不向下）：

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

我希望單擊“ thedacbutton”時將“ thedacALLCONTENT”向上移動，並再次單擊（向下），使其移回其原始位置。 像撥動開關一樣。感謝您的任何幫助，湯姆

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示例 。