jquery使用按钮切换div上下

时间:2012-04-20 16:58:02

标签: javascript jquery

希望你们一切顺利...... 现在是我的jquery代码 - 只是向上移动div(而不是向下):

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

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

2 个答案:

答案 0 :(得分:3)

我不是百分百肯定..你对这个非常少的细节感到高兴。但你可以试试像

这样的东西
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;
    }
});

答案 1 :(得分:2)

如何使用slideToggle()

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

快速 jsFiddle example