javascript - jquery slideUp/slideDown 上的 IE7 边距错误

Question

单击更多信息/更少信息按钮，其中 slideUp/slideDown 内容，在 IE7 中创建间距故障。用显示/隐藏替换它似乎可以解决它。有谁知道如何让它在 IE7 中与滑动一起工作？

您可以看到我在说什么，并尝试在此处修复它: http://jsfiddle.net/C9reK/2/

提前致谢!

更新

没有“position:relative”可以消除症状，没有动画可以消除症状。不幸的是，这些都不是我可以接受的选项，所以我仍在寻找一个可以保持动画和相对定位的答案。

第二次更新

事实证明，仅显示/隐藏也会出现问题。当 float 堆栈移除一个元素时，它会重新定位/重新计算堆栈元素，但不考虑边距。如果没有边距，则不会发生抖动。显然，这些都是必要的。

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();
     });
 });