IE8的CSS动画问题在所有其他浏览器中都能正常工作

Question

以下是代码：http://jsbin.com/ehohi4/10

点击一年来折叠/展开一个部分。在所有现代浏览器加上IE6和IE7，它工作正常，但在IE8中，尝试点击2008几次，有时边缘底部：100px在部分折叠时消失，但浏览器仍然返回它有一个marginBottom为100px，如底部的调试消息所示。

这是一个必须被接受的IE8问题，还是一个jQuery 1.5.2问题？

编辑：行动中的错误视频（以及我如何解决它） http://www.youtube.com/watch?v=JqqiLBrHwbo

Answer 1

似乎对我有用。您是否在IE8兼容模式下使用IE8或IE9？

尝试专门修复保证金错误。

$('.award_year').click(function() {
    $(this).next().animate({
        opacity: 'toggle',
        height: 'toggle',
        marginBottom: 100
    }, 400);
});

Answer 2

我用各种旧版本的jQuery测试它，同样的问题仍然存在，我认为这是一个IE8渲染问题。呃，IE8是新的IE6 ......结束了删除该div的边距底部，并添加了一个100px高的div，专门用于IE8。

http://www.youtube.com/watch?v=JqqiLBrHwbo