Javascript jquery使用按钮上下切换div

Javascript jquery使用按钮上下切换div,javascript,jquery,Javascript,Jquery,希望你一切顺利。。。 下面是我目前的jquery代码-仅将div向上移动(而不是向下移动): 我希望单击“thedacALLCONTENT”时“thedacALLCONTENT”向上移动,并在再次单击(向下)时移回其原始位置。就像一个开关。。。非常感谢您的帮助,谢谢-汤姆我不能百分之百肯定。。你用这些很少的细节做了些什么。但是你可以试试类似的东西 var flag = true; $("#thedacbutton").click(function(){ if(flag){ $

希望你一切顺利。。。 下面是我目前的jquery代码-仅将div向上移动(而不是向下移动):


我希望单击“thedacALLCONTENT”时“thedacALLCONTENT”向上移动,并在再次单击(向下)时移回其原始位置。就像一个开关。。。非常感谢您的帮助,谢谢-汤姆

我不能百分之百肯定。。你用这些很少的细节做了些什么。但是你可以试试类似的东西

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;
    }
});

我不是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;
    }
});
使用如何

快速

使用如何


快速

不幸的是,滑动切换使包括按钮在内的div在我需要设置动画时消失:/hello,谢谢你的时间-但我无法让它在我的上工作:/Ill告诉你,Ill上传到网上并给你一个链接。。。真的很感激这一点-你将能够看到我当时试图做什么,谢谢,这里是链接:我希望4个标签在点击时上下滑动-所以当点击“DAC”时,“它是如何工作的”向下滑动,“DAC”向上滑动,当点击“食堂”时“DAC”将向下滑动,“食堂”将向上滑动。。。你明白吗?我给div上色了,这样你就能看到什么了。再次感谢,TomI首先为所有这些元素分配了一个类,当单击其中任何一个元素时,该类都可以向下设置动画,但被单击的元素除外。然后只是将单击的一个向上设置动画。不幸的是,滑动切换使包括按钮在内的div在我需要设置动画时消失:/hello,谢谢你的时间-但我无法让它在我的上工作:/Ill告诉你,Ill上传到网上并给你一个链接。。。真的很感激这一点-你将能够看到我当时试图做什么,谢谢,这里是链接:我希望4个标签在点击时上下滑动-所以当点击“DAC”时,“它是如何工作的”向下滑动,“DAC”向上滑动,当点击“食堂”时“DAC”将向下滑动,“食堂”将向上滑动。。。你明白吗?我给div上色了,这样你就能看到什么了。再次感谢,TomI首先为所有这些元素分配了一个类,当单击其中任何一个元素时,该类都可以向下设置动画,但被单击的元素除外。然后只是将单击的一个向上设置动画。EDIT-@dku.rajkumar-我有多个滑动框,var flag=true似乎相互干扰。。。有什么想法吗?Thanks@user1281720您可以使用两个不同的标志变量,或者搜索
javascript闭包
,因为问题是在同一范围内有多个名为同一事物的变量。此外,如果dku的回答为您解决了问题,请不要忘记将其标记为答案!EDIT-@dku.rajkumar-我有不止一个这样的滑动框,var flag=true似乎相互干扰。。。有什么想法吗?Thanks@user1281720您可以使用两个不同的标志变量,或者搜索
javascript闭包
,因为问题是在同一范围内有多个名为同一事物的变量。此外,如果dku的回答为您解决了问题,请不要忘记将其标记为答案!
$("#thedacbutton").click(function(){ 
    $(".thedacALLCONTENT").slideToggle();
});