jquery - 仅在 IE8 上使用 jQuery 幻灯片效果边距折叠

Question

我有一个类似于其他线程的问题，在通过 jQuery 使用 slideUp() 和 slideDown() 效果时，IE8 会折叠我的边距。

我正在制作 Accordion ，如 http://www.airtypehub.com/clients/webllp/practice.html 所示.

折叠的 CSS 声明是(dt 和 dd):

.practice #accordion.live dt {
    cursor: pointer;
    margin-bottom: 10px;
}
.practice #accordion dd {
    background: #fff;
    margin-bottom: 10px;
    padding: 20px 20px 1px;
}

JavaScript(摘录)是:

$('#accordion').addClass('live');
$('#accordion dd:first').slideDown().prev().addClass('open');
$('#accordion dt:not(.open)').corner('5px').live('click', function() {
    $('#accordion dt').removeClass('open').corner('5px');
    $('#accordion dd').slideUp();
    $(this).addClass('open').next().slideDown();
});

我已经提前尝试了几件事，包括:

• 经常引用的方法是将 overflow:hidden 添加到上面的 CSS 声明中，并将其添加到容器 #accordion 中。
• 将 zoom:1 添加到上述所有 CSS 选择器。
• 将我的 margin-bottom 更改为 margin-top。
• 在 JavaScript 的 slideDown() 方法上创建回调，以通过 jQuery 将 CSS 添加到元素，同时尝试溢出和缩放属性。

到目前为止，我对上述任何补救措施都没有运气。有什么建议么？提前致谢。

Answer 1

我认为这会解决问题:

.practice #accordion dd,
.practice #accordion dt,
.practice #accordion dl{
   width:100%;
   float:left;
}