Javascript jQuery滑块向下推送内容，但将其保持在那里

我使用的jQuery滑动面板将内容向下推，而不是重叠（有意），这在Chrome上很好，但在Firefox上不起作用。在Firefox上，它向下推送内容，但当我关闭它时，向下推送的内容保持不变，从而在面板原来的位置留下一个间隙

我该如何着手解决这个问题？以下是我用于面板的代码：

<div id="about">
 <div id="panel"> 
  <!-- the content -->
 </div> <!-- end #panel -->
 <p id="top" class="slide"><a href="#" class="btn-slide">+ about</a></p>
</div> <!-- end #about -->

---

谢谢你的帮助。：）

修改面板样式以包括浮动：左侧和宽度：100%

#panel{
    background-color: black;
    display: none;
    float: left;
    height: 250px;
    padding: 50px 0 20px;
    width: 100%;
}

这应该可以解决您的问题。

您介意发布一个或多个演示问题的链接吗？它似乎起作用了，您可以发布一个指向您的问题的示例链接吗？

#panel{
    background-color: black;
    display: none;
    float: left;
    height: 250px;
    padding: 50px 0 20px;
    width: 100%;
}