Аккордеон jQuery открыт и свернут

Question

использование jquery версии v1.3.2 и jQuery UI 1.7.1

У меня есть 1 элемент управления вкладкой с 3 вкладками в нем.Каждая вкладка содержит 1 элемент управления accordion.

$(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 раза, чтобы он работал должным образом и т.д.

Есть ли какой - нибудь способ инициализировать элемент управления accordion со свернутыми всеми элементами?

Спасибо

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/