jQuery使用按钮上下切换div

Question

Hope your all well... Heres my jquery code at the moment- only moving the div up (not down):

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

I want "thedacALLCONTENT" to move up when "thedacbutton" is clicked and move back to its orginal place once clicked again (down). Like a toggle... Any help greatly appreciated, thanks- Tom

Answer 1

I am not 100% sure.. what you are upto with this very less details. but you can try something like

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

How about using slideToggle() ?

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

Quick jsFiddle example .