jQuery Accordion open collapse

Question

使用jquery v1.3.2和jQuery UI 1.7.1

我有1個選項卡控件，其中有3個選項卡。每個選項卡包含1個手風琴控制。

$(document).ready(function() { 
$('#acc1').accordion({ collapsible: true, autoHeight: false });  

$('#acc1').accordion({ collapsible: true, autoHeight: false });  

$('#acc1').accordion({ collapsible: true, autoHeight: false }); 

$('#tabControl').tabs(); 

}); 

tabControl在頁面加載時不可見。有按鈕可以打開它。

$("#btnShow").bind("click", function() { 
$('#tabControl').slideToggle("slow"); 
}); 

我找不到讓所有手風琴控制器都摺疊的方法。每次我顯示tabControl時，手風琴中都有第一項始終展開。

我已經試過這樣：

$('#acc1First').css('display', 'none'); 
$('#acc2First').css('display', 'none'); 
$('#acc3First').css('display', 'none'); 

$('#acc1First').slideUp(); 
$('#acc2First').slideUp(); 
$('#acc3First').slideUp(); 

但有時bugges，第一項已被點擊2次等正常工作

有什麼方法來初始化崩潰的所有項目手風琴控制？

感謝

Answer 1

試試這個

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

Answer 2

我創造了這個一個：

http://sarfraznawaz.wordpress.com/2010/03/09/creating-stylish-sliding-menu-with-jquery/