jquery-ui - 如何更改或关闭 jQuery UI Accordion 的固定高度内联样式？

Question

我在 jQuery UI Accordion 中出现了一个

:

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

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

我可以通过添加额外的
选项卡来获得更多空间，但我希望 Accordion 面板包含所有图像，一个在另一个之上，并且大小正确。

Answer 1

如果我正确理解你的问题，你需要告诉 Accordion 根据内容调整其高度。

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

这在 jQuery UI 网站上进行了说明和显示:http://jqueryui.com/accordion/#no-auto-height

希望这就是您正在寻找的内容。