jQuery acordeón
jQuery plugin de acordeón se utiliza para crear el menú desplegable. Por lo general se utiliza en conjunción con listas anidadas, listas de definición o div anidado. Opción se utiliza para especificar la estructura de los elementos activos y animaciones personalizadas.
El plug-in es ahora jQuery UI parte de la versión independiente no se actualizará. La versión actual es la 1.6.
web oficial de jQuery acordeón , acordeón jQuery plugin de descarga: http://www.w3big.com/try/download/jquery-accordion.zip .
Para más detalles acerca del acordeón, consulte la documentación de la API miembro del panel plegable (acordeón el widget) .
estándar
código estándar es la siguiente:
jQuery('#list1a').accordion();
jQuery('#list1b').accordion({
autoheight: false
});
navegación
Lista desordenada con el ancla y la lista anidada
jQuery('#navigation').accordion({
active: false,
header: '.head',
navigation: true,
event: 'mouseover',
fillSpace: true,
animated: 'easeslide'
});
Con la opción
Un contenedor es una lista de definiciones, el título es dt, el contenido es dd.
jQuery('#list2').accordion({
event: 'mouseover',
active: '.selected',
selectedClass: 'active',
animated: "bounceslide",
header: "dt"
}).bind("change.ui-accordion", function(event, ui) {
jQuery('<div>' + ui.oldHeader.text() + ' hidden, ' + ui.newHeader.text() + ' shown</div>').appendTo('#log');
});