Div Collapse Changes Position

Question

このコードを自分のサイトで使用しようとしていますが、問題が発生しています。それは私のヘッダーdivを崩壊させます。作業リンクをクリックすると、他のリンクをクリックしたときにdivが正しく表示されます。これはすべて正常に機能します。

問題は、ブラウザウィンドウのサイズを変更しようとすると発生します。 #header divは、相対位置にないように動作します。 #header divとページサイズの残りの部分が重なって表示されます。このページは％に基づいており、サイズ変更/ズームができるようにしたいと考えています。なぜこれが起こっているのか分かりません。誰が私がなぜこれをやっているのか、それを回避する方法を理解するのを助けることができますか？

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

FYI-私はjqueryの.slideUp/.slideDownを使用することができません。それは私のサイトで使用する別のプラグインと干渉します。

Answer 1

私が主な理由は、コードの行である推測：

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

ボタンがクリックされたとき、それは固定値に「自動」から＃ヘッダーの高さを設定します。あなたは彼らがイマイチ位置相対のように見えるブラウザのビューポートを変更する場合ただし、固定値が変更文句を言いません。

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

調整が必要なのは唯一の場所ではないかもしれませんが、手がかりだと思います。 は、私は `slideUp（）`と干渉する可能性がどのようなプラグイン