jquery - 手风琴效果重叠问题

Question

我认为这可能是一个 CSS 问题，但我不太确定。

问题：我有一个 div 会在单击父 div 时展开，它使用 jQuery/CSS 执行此操作。当它展开时，它与页面上的页脚重叠。我想让页面在高度上扩展以适应新内容而不重叠页脚。所以基本上页脚应该移开。有任何想法吗？

这是一些代码。

HTML：

<div id="wrapper">
  <div id="virtualtours">
    <span id="virtualtours_title">VIRTUAL TOURS</span>
    <div id="virtualtours_videos">
      <?php include'inc.virtualTours.php'; ?>
    </div>
  </div>
</div>
<div id="footer">...</div>

jQuery：

$("#virtualtours").click(function(){

        if( $("#virtualtours_videos").css("height") == "0px" ){
                $("#virtualtours_videos").css("height","240px");
        } else { $("#virtualtours_videos").css("height","0px"); }
});

在 CSS 中，一切都是相对定位的

position:relative;

Answer 1

如果你检查 jQuery Accordion，你会看到，每个部分都有静态高度。在您的情况下，更好的方法是将高度值严格分配给#wrapper。此外，每个部分的高度都相同，因此对于页面设计来说应该不是问题。