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回クリックする必要があります。
すべてのアイテムを折りたたんだ状態でアコーディオンコントロールを初期化する方法はありますか?
ありがとう
これを試して
$('#acc1').accordion({
collapsible: true,
autoHeight: false,
active: false
});