jQuery Accordion自动高度问题:空白/高度太多

时间:2013-11-22 19:00:33

标签: jquery css jquery-ui-accordion

我知道在here之前已经问过这个问题,但是我已经尝试了该帖子和类似帖子中的所有内容,并且无法解决这个问题。

$(function() {
$("#notaccordion1").accordion({autoHeight: 'false', heightStyle: 'content', collapsible: true, active: false});
});

我的每个可扩展手风琴div底部都有一堆白色空间。看看小提琴:http://jsfiddle.net/pfeff/tH4rd/

2 个答案:

答案 0 :(得分:1)

Accordian CSS在div周围设置了相当多的填充。您可以使用自己的CSS覆盖它。

.ui-accordion .ui-accordion-content {
    padding-bottom: 0px;
}

小提琴

http://jsfiddle.net/tH4rd/1/

如果你想摆脱那个填充设置padding-top: 0px,同样适用于上面的空格。

<强>更新

这是基于您的第二个示例的更新。

这里你不需要css,因为你没有在手风琴中使用增加额外填充的段落。我所做的只是修改你的myAccordion功能,以便在打开新的手风琴部分时关闭其余的开放式手风琴部分。 (之前没有这样做)

http://jsfiddle.net/tH4rd/3/

答案 1 :(得分:-2)

此外,您的原始代码设置了autoHeight:&#39; false&#39;,此设置仅适用于没有引号的我,因此可能是所有空间的原因。