JQuery Аккордеон открытый свернулся

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();

но иногда это бывает, первый элемент нужно щелкнуть 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/