如果默认的话，手风琴的高度很小，无法增加

Question

我的代码中有一个手风琴 -

<div id="accordion">
                <g:each in="${[1,2,3,4,5]}" var="data" status="n">
                        <h3>Referal ${n+1}</h3>
                        <div class="sub-menu">
                            <ul class="form_sec">
                                <div class="" style="width:66%">
                                    <g:uploadForm class="${referralMap ? "form-horizontal" : "form-horizontal resumeAdmin"}"
                                                  controller="candidate" action="save" name="createResume1">
                                        <g:hiddenField name="isAjax" value="yes"></g:hiddenField>

                                        <g:render template="/user/form"></g:render>
                                        <g:render template="/userResume/form"
                                                  model="${[inviteDetails: inviteDetails]} , ${[referralMap: referralMap]}"></g:render>
                                    </g:uploadForm>
                            </ul>
                        </div>
                </g:each>
            </div>

当前活动手风琴的高度非常低（style =“height：31.8px;”），以下是在浏览器中呈现的html -

<div id="accordion" class="ui-accordion ui-widget ui-helper-reset ui-accordion-icons" role="tablist">
<h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-state-active ui-corner-top" role="tab" aria-expanded="true" aria-selected="true" tabindex="0">
<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active" style="height: 31.8px;" role="tabpanel">

我尝试了各种组合 -

  

$（“＃accordion”）。accordion（{heightStyle：“content”}）;

和 -

  

      #accordion li：target＆gt; .sub-menu {           最小高度：908px; //在这里添加你的身高       背景：红色; //添加你想要的背景颜色       }       

但无法增加其默认高度？

II -

默认情况下，我希望最后一个手风琴处于活动状态，但这会使第一个手风琴活动。