jquery - jqueryアコーディオンコンテンツの要素スタイルを削除/変更

Question

アプリケーションで jquery アコーディオンを使用しています。

ul と li を使用して、アコーディオン コンテンツにいくつかのリンクを表示しています。ul と li を使用すると、アクティブなアコーディオン コンテンツのリンクの下に多くの空きスペースができます。

Firebug を見ると、アクティブなアコーディオン コンテンツごとに以下のスタイルが表示されます。

html:

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

CSS:

element.style {
   display:none;
   height:74px;
}

アコーディオンのコンテンツに応じて高さを削除したり、高さを変更したりするにはどうすればよいですか?

Answer 1

autoHeight: false の設定が機能します。

$('#Accordion').accordion({ autoHeight: false })