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/