с использованием jquery v1.3.2 и jQuery UI 1.7.1
У меня есть 1 вкладка с тремя вкладками. Каждая вкладка содержит 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 раза, чтобы нормально работать и т.д.
Есть ли способ инициализировать управление аккордеонами при свертывании всех элементов?
Спасибо