jQuery Accordion

El complemento jQuery Accordion se utiliza para crear menús plegables. Normalmente se usa con listas anidadas, listas de definición o divs anidados. Las opciones se utilizan para especificar la estructura, los elementos activos y animaciones personalizadas.

El complemento ahora esjQuery UIuna parte de, la versión independiente ya no se actualizará. La versión actual es la 1.6.

Sitio oficial de jQuery Accordion, descarga del complemento jQuery Accordion:http://www.example.com/try/download/jquery-accordion.zip.

Para más detalles sobre Accordion, consulte la documentación de la APIWidget de acordeón (Accordion Widget)。

Estándar

El código estándar es el siguiente:

jQuery('#list1a').accordion(); 
jQuery('#list1b').accordion({ 
    autoheight: false 
});

Navegación

Lista no ordenada con anclas y listas anidadas

jQuery('#navigation').accordion({ 
    active: false, 
    header: '.head', 
    navigation: true, 
    event: 'mouseover', 
    fillSpace: true, 
    animated: 'easeslide' 
});

Con opciones

El contenedor es una lista de definición, el título es dt y 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'); 
});

Otras extensiones