jQuery Accordion mở được thu gọn

Question

sử dụng jquery v1.3.2 và jQuery UI 1.7.1

Tôi có 1 điều khiển tab với 3 tab trong đó. Mỗi tab chứa 1 điều khiển accordion.

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

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

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

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

}); 

tabKiểm soát không hiển thị khi tải trang. Có nút mở nó.

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

Tôi không thể tìm cách để có tất cả các điều khiển accordion bị sập. Mỗi khi tôi hiển thị tabControl, các accordion trong nó có mục đầu tiên luôn mở rộng.

Tôi đã thử này:

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

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

nhưng nó bugges đôi khi, mục đầu tiên đã được nhấp 2 lần để làm việc đúng cách, vv

Có cách nào để khởi tạo kiểm soát accordion với tất cả các mặt hàng sụp đổ ?

Cảm ơn

Answer 1

Hãy thử điều này

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

Answer 2

Tôi đã tạo ra cái này:

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