jQuery autoheight for UL

Question

jQuery 아코디언을 내 메뉴의 중첩 된 UL/LI 항목과 함께 사용하고 있습니다 (div와 반대). 각 패널은 꼭 필요한만큼 커야합니다 (가장 큰 패널만큼 클 수는 없습니다). autoHeight 설정을 시도했습니다 : false하지만 아무 것도하지 않습니다. UL/LI 구조로 작동시키는 방법에 대한 아이디어가 있습니까?

<div class="LeftNav"> 
    <div class="menu vertical menu-vertical"> 
     <ul class="root static" id="accordion"> 
      <li class="static dynamic-children"><a class="static dynamic-children menu-item" title="Information Technology" href="/IT"><span class="additional-background"><span class="menu-item-text">IT</span></span></a> 
      <ul class="dynamic"> 
       <li class="dynamic"><a class="dynamic menu-item" title="IT Requests" href="/IT/requests"><span class="additional-background"><span class="menu-item-text">IT Requests</span></span></a></li> 
       <li class="dynamic"><a class="dynamic menu-item" title="Frequently asked questions" href="/IT/faqs"><span class="additional-background"><span class="menu-item-text">FAQs</span></span></a></li> 
       <li class="dynamic"><a class="dynamic menu-item" title="Forms" href="/IT/forms"><span class="additional-background"><span class="menu-item-text">Forms</span></span></a></li> 
       <li class="dynamic"><a class="dynamic menu-item" title="Child 1" href="/HSE/child1"><span class="additional-background"><span class="menu-item-text">Child 1</span></span></a></li> 
      </ul> 
      </li> 
      <li class="static dynamic-children"><a class="static dynamic-children menu-item" title="HSE" href="/HSE"><span class="additional-background"><span class="menu-item-text">HSE</span></span></a> 
       <ul class="dynamic"> 
        <li class="dynamic"><a class="dynamic menu-item" title="Child 1" href="/HSE/child1"><span class="additional-background"><span class="menu-item-text">Child 1</span></span></a></li>      
       </ul> 
      </li> 
      <li class="static"><a class="static menu-item" title="HSE" href="/commonly-used"><span class="additional-background"><span class="menu-item-text">Commonly Used</span></span></a></li> 
      <li class="static"><a class="static menu-item" title="Human Resources, Payroll and Benefits" href="/human-resources-payroll-and-benefits"><span class="additional-background"><span class="menu-item-text">HR, Payroll and Benefits</span></span></a></li><li class="static"><a class="static menu-item" title="Office Services and Supplies" href="/office-services-and-supplies"><span class="additional-background"><span class="menu-item-text">Office Services and Supplies</span></span></a></li><li class="static"><a class="static menu-item" title="Sales, Marketing and Leasing" href="/sales-marketing-and-leasing"><span class="additional-background"><span class="menu-item-text">Sales, Marketing and Leasing</span></span></a></li> 
     </ul> 
    </div> 
</div> 

Answer 1

을 나는 그들이 heightStyle

http://api.jqueryui.com/accordion/

heightStyle로 autoHeight를 교체 한 생각

형태 : String

기본값 : "자동"

아코디언 및 각 패널의 높이를 조정합니다. 가능한 값 :

"auto": All panels will be set to the height of the tallest panel. 
"fill": Expand to the available height based on the accordion's parent height. 
"content": Each panel will be only as tall as its content. 

Answer 2

CSS 문제인 것 같습니다. 시도 :

menu li { 
    height: auto !important; 
}