Div折叠更改位置

Question

我想让此代码为我的网站工作，但它有问题。当你点击工作链接时，它会折叠我的标题div，然后在点击其他链接时使div显示正常。这一切都应该如此。

当您尝试调整浏览器窗口大小时，会发生此问题。它使得#header div的行为像它不是定位的相对。 #header div和页面大小的其余部分相互重叠。该页面基于％，我希望它能够调整大小/缩放。我不知道为什么会发生这种情况。任何人都可以帮助我理解它为什么这样做以及如何避开它？

http://jsfiddle.net/TMxFh/1/

FYI-我无法使用jQuery的.slideUp/.slideDown。它会干扰我将在我的网站上使用的另一个插件。

Answer 1

我想主要的原因是与代码行：

$("#header").height($("#headwrapper").height()); 

它设置的#header的高度，从“自动”为固定值，当按钮点击。但是，当您更改浏览器视口时，固定值不会改变，这使得它们看起来像不是定位的相对。尝试将其改为如下：

$("#header").height("auto"); 

它可能不是唯一需要调整的地方，但我认为这是一条线索。 我希望这会有所帮助:-)