的slideToggle不会推向下跌破

首先一个div，这里的链接的jsfiddle：http://jsfiddle.net/chani987/uu693a0v/的slideToggle不会推向下跌破

在上choice 1或choice 2链接点击，.hiddenbox DIV弹出。

slideToggle javascript工作正常。问题在于，当.hiddenbox div切换时，我期待footer div被压下，但页脚停留在原来的位置，而.hiddenbox div与页脚重叠。

我试过改变position: absolute为position: none;为.hiddenBox，但它会导致div在页面顶部的位置，而不是。有没有办法让隐藏盒在隐藏盒弹出后隐藏盒弹出，而隐藏盒刚好在前一个隐藏盒后出现时，使页脚滑落下来？

这是我第一次发布在stackoverflow上。如果我没有提供所需或足够的资源，请告诉我！谢谢

来源

2014-11-08 Yun C Han

如果你想'footer'滑下隐藏'div'应定位'relative'不'absolute' [小提琴]（HTTP：//的jsfiddle .net/victor_007/8p0bhx82 /） – 2014-11-08 14:50:40

你的代码是不同的，尝试设置位置相对于OP提供的代码，你会发现它不工作..... – Billy 2014-11-08 15:17:40

我试过改变.hiddendiv被定位的相对位置，它不工作..你有没有改变你的小提琴链接的其他任何东西？ – 2014-11-10 08:27:23

这可以工作，但可能有更好的方法。添加

Position:relative;top:0px;

给你的#main_footer css。

$('#audience_text').click(function(){ 
 
$("#artist_type").slideUp('slow'); 
 
$("#audience_type").slideToggle('slow'); 
 
var a =$("#main_footer").css("top");  
 
a=="0px"?$("#main_footer").css("top","+=200"):$("#main_footer").css("top","0"); 
 
            
 
}); 
 
$('#artist_text').click(function(){ 
 
$("#audience_type").slideUp('slow'); 
 
$("#artist_type").slideToggle('slow'); 
 
var a =$("#main_footer").css("top");  
 
a=="0px"?$("#main_footer").css("top","+=200"):$("#main_footer").css("top","0"); 
 

 
});

这里有一个Fiddle

来源

2014-11-08 14:53:42 Billy

这不适用于我的代码... – 2014-11-10 08:28:09

对不起，你需要把位置：relative; top：0px;在主页脚的CSS中。更新回答并添加JSfiddle – Billy 2014-11-10 11:15:11

现在就开始工作吧！谢谢比利：D – 2014-11-25 13:51:15

的slideToggle不会推向下跌破

回答

相关问题