javascript - ejemplos - jQuery Accordion abierto contraído
jquery accordion height (2)
utilizando jquery v1.3.2 y jQuery UI 1.7.1
Tengo 1 control de pestañas con 3 pestañas en él. Cada pestaña contiene 1 control de acordeón.
$(document).ready(function() {
$(''#acc1'').accordion({ collapsible: true, autoHeight: false });
$(''#acc1'').accordion({ collapsible: true, autoHeight: false });
$(''#acc1'').accordion({ collapsible: true, autoHeight: false });
$(''#tabControl'').tabs();
});
tabControl no está visible en la carga de la página. Hay un botón que lo abre.
$("#btnShow").bind("click", function() {
$(''#tabControl'').slideToggle("slow");
});
No puedo encontrar la manera de tener todos los controles de acordeón colapsados. Cada vez que muestro tabControl, los acordeones en él tienen el primer elemento siempre expandido.
He intentado esto:
$(''#acc1First'').css(''display'', ''none'');
$(''#acc2First'').css(''display'', ''none'');
$(''#acc3First'').css(''display'', ''none'');
$(''#acc1First'').slideUp();
$(''#acc2First'').slideUp();
$(''#acc3First'').slideUp();
pero a veces molesta, se debe hacer clic en el primer elemento 2 veces para que funcione correctamente, etc.
¿Hay alguna forma de inicializar el control del acordeón con todos los elementos contraídos?
Gracias
Prueba esto
$(''#acc1'').accordion({
collapsible: true,
autoHeight: false,
active: false
});