Question

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

我正在制作手风琴，如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。
为所有上述CSS选择器添加缩放：1。
将我的保证金底部改为保证金顶部。
在JavaScript中的slideDown（）方法上创建一个回调函数，通过jQuery将CSS添加到元素中，尝试使用overflow和zoom属性。

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

Answer 1

我认为这样可以解决问题：

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

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

1 个答案: