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 permettent de spécifier la structure, l'élément actif et des animations personnalisées.

Ce plugin fait maintenant partie dejQuery UI..., la version autonome ne sera plus mise à jour. La version actuelle est 1.6.

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

Pour plus de détails sur Accordion, veuillez consulter la documentation de l'APIWidget Accordion。

Standard

Le code standard est le suivant :

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

Navigation

Une liste non ordonnée avec des ancres et des listes imbriquées

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

Avec options

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

Autres extensions