Accordéon jQuery


jQuery Accordion

Le plugin jQuery Accordion est utilisé pour créer des menus accordéon. Il est généralement utilisé avec des listes imbriquées, des listes de définitions ou des div imbriqués. Les options sont utilisées pour spécifier la structure, les éléments activés et les animations personnalisées.

Ce plugin fait désormais partie de jQuery UI, et la version autonome ne sera pas mise à jour. La version actuelle est la 1.6.

Site officiel de jQuery Accordion, téléchargement du plug-in jQuery Accordion : http://www.runoob.com/try/download/jquery-accordion.zip.

Pour plus de détails sur Accordion, veuillez consulter la documentation de l'API Accordion Widget.

Standard

Le code standard est le suivant :

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

Navigation

Liste non ordonnée avec ancres et listes imbriquées

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

avec options

Container est une liste de définitions avec le titre dt et le contenu 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'); });