jquery 1.9手风琴高度问题

Question

我使用的手风琴的父高是400px。我希望手风琴的高度永远不会超过400px，但我也希望手风琴的各个元素能够适应其内容的大小。通过将“heightStyle”设置为“fill”，我可以将整个手风琴的高度设置为400px。在这种情况下，手风琴的每个元素都有相似的大小，如果元素的内容大于默认大小，它就变得可滚动，但如果内容较小则会得到很多空的空间，这是我不想要的。

当然，我可以通过将“heightStyle”设置为“content”来使每个元素成为内容的大小，但在这种情况下，手风琴的扩展大小可以大于400px。所以我想要的是“填充”和“内容”的组合，你知道如何获得这种行为吗？

感谢。

Answer 1

您只需要在css中设置max-height和overflow属性。 Here is a demo：

#accordion .ui-accordion-content {
    max-height: 400px;
    overflow-y: auto;
}

我将demo max-height设置为200px仅用于演示目的。