jQuery .slideToggle 不会改变包含 div 的大小

Question

我在网站的类别标题上有一个简单的 .slideToggle:http://www.UtahCodeCamp.com/Sessions/ :

// Slide Toggle the headers
$(".collapse-track").each(function () {
 $(this).click(function () {
  $(this).next().slideToggle();
 });
 $(this).css("cursor", "pointer");
 $(this).next().hide();
});

在 FireFox 和 Chrome/Safari 中一切正常，但在 IE8 中，父 div(底部带有黄色边框)不会调整大小。然后，如果您展开所有类别并再次折叠它们，类别标题将彼此重叠。

关于如何为 IE8 修复此问题的任何想法？我对与 IE6 或更低版本的兼容性不感兴趣，但我想支持 IE7/8。

Answer 1

您遇到的问题与 jQuery slideToggle 方法没有直接关系。相反，这是由于您的 CSS 规则之一。我使用开发人员工具栏更改了以下内容:

.FloatLeft {
   width: 850px;
   /*display: inline-block;*/ /* This line was causing the problem */
}

我还没有测试过这是否会影响 Firefox 或 chrome。