Question

首先，这里是指向JSFIDDLE的链接：http://jsfiddle.net/chani987/uu693a0v/

点击choice 1或choice 2链接后，会出现.hiddenbox div。

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

我已尝试将。position: absolute更改为position: none; for .hiddenBox，但这会导致div位于页面顶部。当hiddenBox紧跟在前面的div之后，是否有一种方法可以使footer div向下滑动，而hiddenBox会弹出;

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

Answer 1

这有效，但可能有更好的方法。添加

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

slideToggle不会按下下面的div

1 个答案: