Manual:Collapsible elements/fr

jQuery.makeCollapsible

 * Voir aussi la documentation de pour plus d'informations sur son fonctionnement.
 * Voir aussi : pour plus d'exemples.

Ce module est dans le noyau MediaWiki par défaut depuis MediaWiki 1.18 et supérieur. Ce module est livré avec MediaWiki par défaut. Vous n'avez pas besoin de le copier sur un wiki. The source (if you're interested) is in the repository for mediawiki-core ( and ).

Ajoutez la classe  à n'importe quel élément (div, table, liste, n'importe quoi) pour le déclencher.

Cela ne fonctionne pas sur (T111565).

Tableau
Un tableau peut être replié comme n'importe quel autre élément. La différence est qu'une partie du tableau reste visible, même lorsqu'elle est réduite. Un tableau avec une légende garde la légende visible :

Un tableau sans légende garde la première ligne visible :

Résultat :



Avec état initial spécifié
Vous pouvez ajouter  après   pour que le contenu soit réduit par défaut lorsque vous chargez la page.

Pour définir l'état initial comme réduit, ajoutez " ", comme indiqué dans le tableau suivant :

Vous pouvez ajouter une bordure autour de la légende pour qu'il soit plus facile de voir qu'il s'agit d'un tableau réduit :


 * + style="white-space:nowrap; border:1px solid; padding:3px;" | The caption remains visible.

Simple
Résultat :

This text is collapsible.

En utilisant les attributs  et , on peut définir un texte personnalisé pour les étiquettes de basculement ajoutées par le script. When added in wikitext these could be populated by a localized message like:



Simple avec titre
Résultat :

Lorem ipsum sample This text is collapsible.



Avec partie pliable spécifiée
By default, a collapsible non-table element collapses completely.

To keep some content visible, even when collapsed, you can specify which part is the collapsible content.

Résultat :

This text is not collapsible; but the next is collapsible and hidden by default:



Avec lien bascule personnalisé
If you don't want the script to put the default toggle link (whether or not with a custom label) in your element, you can make one of your own. This could reside anywhere inside or outside the collapsible element. Its relationship to the collapsible element is detected by using an ID attribute with the prefix  and a corresponding class attribute with prefix   for the collapsible element and the togglelink respectively.

Résultat :

Toggle link Toggled text Additional toggle link

Inside another element
You can also use collapsible elements in other elements, such as a table.



Déplacer le lien bascule vers la gauche
Wide images and long bare URLs in collapsible tables or elements can cause the toggle link to go offscreen to the right when expanded. In cell phones for example. Sometimes it is difficult or impossible to get over to the toggle link to click it and close it. The following CSS puts the toggle link all the way to the left, and leaves a little space between it and the text to its right. The toggle link position does not change as the table or element is expanded or collapsed. Place the CSS in common.css by editing page "MediaWiki:common.css". Also edit mobile.css if you are importing jquery.makeCollapsible into mobile.js. For examples see common.css, mobile.js, and mobile.css

Removing brackets from the toggle
If you want to hide the brackets in the default or custom label toggle links (for aesthetic or other reasons):



Voir aussi

 * en:Help:Table