Javascript 滑动切换无法向下推下方的div

首先，这里是指向JSFIDLE的链接：

单击

choice 1

或

choice 2

链接后，.hiddenbox div弹出

slideToggle javascript工作正常。问题是，当.hiddenbox div被切换时，我希望footer div被按下，但是footer保持在原来的位置，并且.hiddenbox div与footer重叠

我尝试将

位置：绝对
更改为
位置：无
for.hiddenBox，但它会导致div位于页面顶部。
有没有一种方法可以使页脚div在hiddenBox弹出时向下滑动，而hiddenBox正好位于前一个div之后

这是我第一次在stackoverflow上发帖。如果我没有提供所需或足够的资源，请让我知道！谢谢
这很有效，不过可能有更好的方法。加

Position:relative;top:0px;

到您的#主#页脚css。
$（“#受众_文本”）。单击（函数（）{
$（“艺术家类型”）.slideUp（'slow'）；
$（“#观众类型”）.slideToggle（'slow'）；
var a=$（“主页脚”）.css（“顶部”）；
a==“0px”？$（“#主#页脚”）.css（“顶部”，“+=200”）：$（“#主#页脚”）.css（“顶部”，“0”）；
});
$（“#艺术家_文本”）。单击（函数（）{
$（“#观众类型”）.slideUp（'slow'）；
$（“#艺术家类型”）.slideToggle（'slow'）；
var a=$（“主页脚”）.css（“顶部”）；
a==“0px”？$（“#主#页脚”）.css（“顶部”，“+=200”）：$（“#主#页脚”）.css（“顶部”，“0”）；
});
如果您希望
页脚
向下滑动隐藏的
div
应该定位为
相对
非
绝对
您的代码不同，请尝试在OP提供的代码上设置相对位置，您将看到它不起作用……我已尝试更改。hiddendiv定位为相对，它不起作用。。你在你的提琴链接中还改变了什么吗？对不起，云，你需要把位置放在：相对；顶部：0px；在主页脚的css中。更新了答案并添加了JSFIDLE