IE7 마킹 버그 jquery slideUp/slideDown

Question

자세한 정보/적은 정보 버튼, slideUp/slideDown 콘텐츠를 클릭하면 IE7에서 간격 띄우기가 발생합니다. 그것을 show/hide로 바꾸면 문제를 해결하는 것 같습니다. 누구든지 IE7에서 미끄러 져 작동하도록 만드는 방법을 알고 있습니까?

당신은 내가 무슨 말보고 여기 그것을 해결하기 위해 시도 할 수 있습니다 : http://jsfiddle.net/C9reK/2/

사전에 감사!

업데이트

필요 없음 "위치 : 상대"는 증상을 제거, 그리고 애니 메이팅이 증상을 제거합니다. 불행히도, 이것들 중 어느 것도 나를위한 수용 가능한 선택 사항이 아니므로, 여전히 애니메이션과 상대 위치를 유지할 대답을 찾고 있습니다.

두 번째 업데이트

이 문제는 단지/숨기기 보여 일어난 것으로 나타났다. 플로팅 스택에 항목이 제거되면 스택 항목의 위치를 ​​다시 지정하거나 다시 계산하지만 여백은 고려하지 않습니다. 여백이 없으면 흔들림이 발생하지 않습니다. 분명히 그것들은 필요합니다.

Answer 1

IE7이 없으므로 문제가되지 않을 수 있지만 webkit 및 firefox에서도 slideUp/Down과 관련된 문제가 발생했습니다. http://gist.github.com/633771

어쩌면이 작동합니다

내 솔루션은 내가 슬라이딩 된 요소의 너비를 설정했다?

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