JQuery переключения ДИВ вверх и вниз с помощью кнопки

Question

Надеюсь все ваши хорошо ... Heres мой 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 example.