IE7 Rand Fehler auf jquery slideUp/slideDown

Question

Klicken Sie auf mehr Info/weniger Info-Schaltflächen, die SlideUp/slideDown Inhalt, erstellen Sie einen Abstand Glitch in IE7. Ersetzen Sie das mit show/hide scheint es zu beheben. Weiß jemand, wie man es mit gleiten in IE7 arbeiten lässt?

Sie können sehen, was ich rede, und versuchen Sie es hier zu beheben: http://jsfiddle.net/C9reK/2/

Vielen Dank im Voraus!

aktualisieren

Nicht mit "position: relative" das Symptom beseitigt, und nicht belebende das Symptom beseitigt. Leider sind beide Optionen keine akzeptablen Optionen für mich, daher suche ich immer noch nach einer Antwort, die die Animation und relative Positionierung beibehalten wird.

zweite Update

Es stellt sich heraus, dass das Problem geschah auch mit nur zeigen/verstecken. Wenn der unverankerte Stapel ein Element entfernt hat, werden die Stapelelemente neu positioniert/neu berechnet, aber die Marge wird nicht berücksichtigt. Das Wackeln tritt nicht auf, wenn keine Ränder vorhanden sind. Offensichtlich sind diese notwendig.

Answer 1

Ich habe IE7 nicht, also ist dies vielleicht nicht das Problem, aber ich lief auch in Probleme mit SlideUp/Down sogar in Webkit und Firefox.

Meine Lösung war die Breite des Elements einzustellen I Schiebe wurde: http://gist.github.com/633771

Vielleicht funktioniert das?

$(document).ready(function(){ 
    var $infoContainer = $("#infoContainer"); 
    $(".moreInfo").click(function(){ 
     $infoContainer.width($infoContainer.parent().width()).slideDown(); 
    }); 
    $(".lessInfo").click(function(){ 
     $infoContainer.width($infoContainer.parent().width()).slideUp(); 
    }); 
});