jQuery Slider推送内容但保留在那里

Question

我正在使用一个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 -->

这是Javascript：

$(".btn-slide").click(function(){
        $("#panel").slideToggle("slow");
        $(this).toggleClass("active"); return false;
    });

感谢您的帮助。 ：）

Answer 1

修改面板样式以包含float：left和width：100％

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

这可以解决您的问题。