jQuery UI 手风琴问题

I use the jQuery UI accordion widget, and between every item I have some space. The issue is that in IE 8 , when you slide an item, it slides fine, but it removes the space between it and the upward item. It works good in FF and other browsers, though.

然而，当我将鼠标悬停在该项目上时，它会创建该空间。

我使用 HTML5 文档类型，但它也不适用于其他文档类型。

Thanks.

Edit:这是一个活生生的例子 http://www.godooble.info/acord/index.html.

尝试申请margin-bottom:5px; to .ui-accordion-header.

这将导致打开的标头与其内容之间存在间隙，但您可以通过删除上的边距来修复该问题.ui-accordion-header.ui-state-active并将其应用到.ui-accordion-content-active反而。

所以你的 css 看起来像这样：

.ui-accordion-header {
margin-bottom:5px;
}
.ui-accordion-header.ui-state-active {
margin-bottom:0;
}
.ui-accordion-content-active {
margin-bottom:5px;
}

这可能需要一些调整，但应该可以让你大部分达到目的。