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（底部带有黄色边框）不会调整大小。然后，如果您展开所有已分类并再次折叠它们，则类别标题会相互叠加。

有关如何解决此问题的任何想法？我对IE6或更低版本的兼容性不感兴趣，但我想支持IE7 / 8。

Answer 1

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

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

我还没有测试过这会影响Firefox或Chrome。