Jquery UI 아코디언 - 축소 및 클릭 링크

Question

사이드 탐색 옵션으로 Jquery UI 아코디언을 사용하려고합니다. 문제는 내가 아코디언을로드 할 때 (그리고 사용자가 원하는 경우) 완전히 축소 할 수없고 일부 패널 헤더에서 활성 링크를 가질 수 없다는 것입니다. jQuery를 1.6.2 & JQuery와 UI 1.8.16을 사용

.

$(function() { 
$("#accordion").accordion({ 
    active: false, 
    collapsible: true, 
    autoHeight: false, 
}); 
}); 

<div id="accordion"> 
<h3><a href="http://link1.html">Outside Link 1</a></h3> 
<div></div> 
<h3><a href="http://link2.html">Outside Link 2</a></h3> 
<div></div> 
<h3><a href="http://link3.html">Outside Link 3</a></h3> 
<div></div> 

<h3><a href="#">More Info</a></h3> 
<div class="subNav"> 
    <ul> 
    <li><a href="pageLink1.html">Another Page 1</a></li> 
    <li><a href="pageLink2.html">Another Page 2</a></li> 
    <li><a href="pageLink3.html">Another Page 3</a></li> 
    </ul> 
</div> 

    <h3><a href="http://link4.html">Outside Link 4</a></h3> 
<div></div> 

<h3><a href="#">More Info 2</a></h3> 
<div class="subNav"> 
    <ul> 
    <li><a href="pageLink4.html">Another Page 4</a></li> 
    <li><a href="pageLink5.html">Another Page 5</a></li> 
    <li><a href="pageLink6.html">Another Page 6</a></li> 
    </ul> 
</div> 
    ...etc 
    </div> 

"외부 링크"직접 다른 페이지로 연결해야합니다. "More Info & More Info 2"가 열리면 사용자가 각각 "다른 페이지"를 선택할 수 있습니다.

헤더 셀렉터를 변경하면로드시 아코디언을 접을 수 없으며 (이 방법으로 "외부 링크"에 액세스 할 수 있습니다). 내 빈 divs 범인이 될 수 있을까요?

도움을 주시면 감사하겠습니다. 미리 감사드립니다.

Answer 1

운이 좋다. 누군가 이것을 위해 플러그인을 만들었습니다.

http://www.i-marco.nl/weblog/jquery-accordion-3/# 원하는대로 작동합니다.