したがって、絶対配置された要素で「展開された」クラスを切り替えるトグルボタンがあります。展開されたクラスを使用すると、要素の下部が 0px に設定され、それがない場合、要素の下部は -400px になります。
この正確な設定は、変更を加える前は期待どおりに機能していましたが、現在は機能していません。
ここに奇妙な部分があります: 展開されたクラスを追加すると、すべてが正常に機能します (要素は下に移動します: 0px)。トグルボタンを押してクラスを削除すると、クラスが削除され、正しい css ルールが配置されます (クロムインスペクターの一致する css ルールに従って) が、下部はまったく変更されません (それはクロムインスペクターが-400pxだと言っているにもかかわらず、0pxの下部）。
要素の計算されたスタイルを見ると、下部が 0px (この時点では -400px である必要があります) と表示されますが、その横の矢印を開いて何が原因かを確認すると、-400px と表示されますクロムが考えるスタイルシートが適用されています。
展開されたクラスを削除する関数をステップ実行すると、期待どおりに機能しますが、代わりにその関数をステップオーバーすると、機能しません (ただし、関数がまだ実行されているという事実はわかっています)。
もう1つの非常に奇妙なことは、ページ上の完全に別個の要素の特定のホバー状態がトリガーされると、下部が正しい状態に更新されることです(すべての要素のホバーではなく、それらの一部のみ)。
これは Safari と Chrome の両方で発生しますが、Firefox では発生しません。
これは Chrome のバグに違いないと思っていましたが、変更を加える前は問題なく動作していて、Safari でも再現可能であることを考えると、私のコードに関連している必要があるように感じますが、私の人生は何が起こっているのかを理解します。
これを壊したと思われる私が行った変更は、jQuery のパフォーマンスの改善の束ですが、コードが正しく機能しているため (クラスがトグルされている)、何が原因なのかわかりません。
OS X 10.8.3 を実行している Retina MacBook Pro で Chrome 28.0.1500.71、Safari 6.0.3、Firefox 22.0 を使用する
どんな助けでも大歓迎です。