Animation beim Zusammenklappen springen

Question

Hilfe!

Werfen Sie einen Blick auf this in IE7. Wenn Sie auf einen der Haupt-Header klicken, wird er ohne einen Sprung erweitert, aber wenn er kollabiert, macht er einen kleinen Sprung. Ich möchte der Sprung loszuwerden ..

Danke

AKTUALISIERT

beste Lösung ist, die unsichtbare Update, das alle Probleme löst, das heißt ..

.trials * { 
    border: 1px transparent solid; 
    } 

Answer 1

I Bin mir nicht ganz sicher, was das verursacht - vielleicht ist das Tabellenlayout der Seite (wenn ich die Surround entfernt habe der Code gut funktionierte). Ich habe dieses jsfiddle der Seite zusammengeschustert. In der CSS-Sektion ist das Update, das auf meinem Rechner funktioniert. Grundsätzlich geben Sie dem animierenden Container einen Rahmen. IE mag Grenzen ...

Ich habe die Grenzen weiß gemacht, damit sie nicht erscheinen. Ich denke, das sollte wie ein einzelner Browser beheben. Wenn nicht hoffentlich bringt es dich auf den richtigen Weg!

:)

Answer 2

IE mögen Grenzen würde ich denken, es ist ein Kollabieren Marge Problem, und die Grenze stoppt Margen kollabiert ... aber ich kann keine Ränder auf Ihrer Show/Hide Inhalt nicht sehen.

Vielleicht ist es dann die Polsterung, die 10px Polsterung auf der .trial div dort - weil das das letzte ist, was beim Aufrollen/Absenken gesehen wird, weiß vielleicht IE7 nicht, wie man die Polsterung aufrollen soll es versteckt es in einem Schlag und verursacht den Sprung?

Möglicherweise versuchen Sie, die Auffüllung zu ändern, so ist es 20px unten auf der .intro Div anstelle von 10px auf jedem .trial und .intro, nur um zu sehen, ob das das Problem behebt.

. (Anmerkung: Ich habe nicht IE7 ich installiert haben, so können Sie den Sprung nicht sehen Sie sprechen, können Sie mich sagen, dass ich auf völlig falschen Weg bin)