如何更改或关闭jQuery UI手风琴的固定高度内联样式？

Question

我有一个＆lt; p＆gt;在一个出现的jQuery UI手风琴中：

<p class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active" style="height: 184px " role="tabpanel">

早些时候，当我在那里有几个文本链接时，它非常适合。但是，现在我有图像链接，图像被严格剪裁。

我可以通过添加额外的＆lt; br /＆gt;来管道胶带。标签以获得更多空间，但我希望手风琴面板能够包含所有图像，一个在另一个之上，并且尺寸正确。

Answer 1

如果我理解你的问题，你需要告诉手风琴根据内容的高度。

$(function() {
    $( "#accordion" ).accordion({
        heightStyle: "content"
    });
});

这在jQuery UI网站上陈述并显示：http://jqueryui.com/accordion/#no-auto-height

希望这就是你要找的东西。

Answer 2

我遇到了与jQuery Accordion相同的问题，我刚刚找到了修复程序！

只需在页面顶部添加此CSS代码即可。它将覆盖缩略图上发生的自动裁剪：

.ui-accordion-content {
  min-height:auto !important;  
}