jQuery Accordion Open이 무너졌습니다

Question

jQuery v1.3.2 및 jQuery UI 1.7.1 사용

3 개의 탭이있는 1 개의 탭 컨트롤이 있습니다. 각 탭에는 1 개의 아코디언 컨트롤이 포함되어 있습니다.

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

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

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

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

});

Page Load에서는 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();

그러나 때때로 터지면, 제대로 작동하려면 첫 번째 항목을 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/