IE7 的 jQuery Accordion 和背景颜色问题

Question

我在 IE7 中遇到 jQuery Accordion Control 问题。

手风琴工作正常，直到我向包含元素添加背景颜色样式。

有没有人仍然使用 IE7 可以弄清楚为什么这是一个问题？

我创建了一个 jsFiddle 来测试问题：
http://jsfiddle.net/SrQUM/10/

当我单击顶部手风琴之一时，动画一切都搞砸了。 当我单击底部手风琴之一时，一切都动画得很好。 当我展开其中一个元素时，基本上看起来第二个 h3 没有移动到正确的位置。

（我在每个部分都使用手风琴，因为我希望能够一次展开多个项目）。

Answer 1

我能够解决这个问题。我不喜欢这个解决方案，但它确实有效，希望 IE7 支持很快就会被淘汰。

问题是，当手风琴展开时，手风琴之后的第一个元素永远不会被按下。解决方法是在手风琴后面添加一个高度为 0 的虚拟 div：

<div id="accordion">
    <h3><a href="#">Header</a></h3>
    <div>
        <p>Some Content</p>
    </div>
</div>

<p>Some Content Here</p>
<p>Some More Content</p>

第一段从未移动，但第二段却移动了。所以我将其添加到我的代码中：

<script type="text/javascript">
    $(function() {
        $('#accordion').accordion().after('<div class="accordion-clear"></div>');
    });
</script>

并包含一种样式：

.accordion-clear { height: 0px; clear: both; }

这似乎使一切正常。