jQuery Accordion

Das jQuery Accordion-Plugin wird verwendet, um Akkordeon-Menüs zu erstellen. Es wird normalerweise mit verschachtelten Listen, Definitionslisten oder verschachtelten divs verwendet. Mit Optionen werden die Struktur, das aktive Element und benutzerdefinierte Animationen festgelegt.

Dieses Plugin ist jetzt Teil vonjQuery UI..., die eigenständige Version wird nicht mehr aktualisiert. Die aktuelle Version ist 1.6.

Offizielle Website von jQuery Accordion, Download des jQuery Accordion-Plugins:http://www.example.com/try/download/jquery-accordion.zip.

Weitere Informationen zum Accordion finden Sie in der API-DokumentationAccordion Widget。

Standard

Der Standardcode lautet:

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

Navigation

Eine ungeordnete Liste mit Ankern und verschachtelten Listen

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

Mit Optionen

Der Container ist eine Definitionsliste, wobei der Titel als dt und der Inhalt als dd dient.

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'); 
});

Weitere Erweiterungen