Jquery UI手風琴 - 摺疊和可點擊的鏈接

Question

我正在嘗試使用Jquery UI手風琴作爲側面導航選項。問題是我無法讓手風琴在加載時（以及用戶需要時）完全摺疊，並且在某些面板標題上有活動鏈接。

使用 jQuery的1.6.2 & jQuery UI的16年1月8日。

$(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> 

「外部鏈接」應直接鏈接到其他頁面。 「更多信息&更多信息2」應該打開，以便用戶可以分別選擇「其他頁面」。

我無法摺疊加載的手風琴，或者如果我更改標頭選擇器（我可以通過這種方式訪問​​「Outside Links」），如果點擊。我的空白div可能是罪魁禍首嗎？

任何幫助表示讚賞。提前致謝。

Answer 1

你很幸運。有人爲此做了一個插件。

http://www.i-marco.nl/weblog/jquery-accordion-3/#它的工作原理與你想要的一樣。