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"); 

它可能不是唯一需要調整的地方，但我認爲這是一條線索。 我希望這會有所幫助:-)