web-dev-qa-db-ja.com

jQueryアコーディオンが開いて折りたたまれています

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回クリックする必要があります。

すべてのアイテムを折りたたんだ状態でアコーディオンコントロールを初期化する方法はありますか？

ありがとう

javascriptjqueryjquery-uiaccordion
25
Andrija

これを試して

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

私はこれを作成しました：

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

2
Sarfraz