Discussion modèle:Boîte déroulante début
De Wiki EELL.
(Différences entre les versions)
JPL (discuter | contributions) m (ajout de liens) |
JPL (discuter | contributions) m (corrections de présentation) |
||
| Ligne 5 : | Ligne 5 : | ||
: https://fr.wikipedia.org/wiki/MediaWiki:Common.css | : https://fr.wikipedia.org/wiki/MediaWiki:Common.css | ||
| + | ====Simple example==== | ||
| + | You will need to create three <code>div</code> elements: | ||
| + | <pre lang="html4strict"><div class="NavFrame"> | ||
| + | <div class="NavHead">[... This is the title of your collapsible content ...]</div> | ||
| + | <div class="NavContent"> | ||
| + | [... The content you want to hide goes here ...] | ||
| + | </div> | ||
| + | </div></pre> | ||
| + | <div class="NavFrame"> | ||
| + | <div class="NavHead">[... This is the title of your collapsible content ...]</div> | ||
| + | <div class="NavContent"> | ||
| + | [... The content you want to hide goes here ...] | ||
| + | </div> | ||
| + | </div> | ||
| - | <div class="NavFrame collapsed"> | + | |
| + | To initially hide the content do this: | ||
| + | <pre lang="html4strict"><div class="NavFrame collapsed"> | ||
<div class="NavHead">[... This is the title of the hidden content ...]</div> | <div class="NavHead">[... This is the title of the hidden content ...]</div> | ||
<div class="NavContent"> | <div class="NavContent"> | ||
[... This content is initially hidden ...] | [... This content is initially hidden ...] | ||
| + | </div> | ||
| + | </div></pre> | ||
| + | <div class="NavFrame collapsed"> | ||
| + | <div class="NavHead">[... This is the title of the hidden content … qui ne fonctionne pas !]</div> | ||
| + | <div class="NavContent"> | ||
| + | [... This content is initially hidden ...] | ||
</div> | </div> | ||
</div> | </div> | ||
Version actuelle en date du 17 avril 2019 à 10:46
Test CSS div pour modèle déroulant :
Documentation :
Simple example
You will need to create three div elements:
<div class="NavFrame">
<div class="NavHead">[... This is the title of your collapsible content ...]</div>
<div class="NavContent">
[... The content you want to hide goes here ...]
</div>
</div>
[... This is the title of your collapsible content ...]
[... The content you want to hide goes here ...]
To initially hide the content do this:
<div class="NavFrame collapsed">
<div class="NavHead">[... This is the title of the hidden content ...]</div>
<div class="NavContent">
[... This content is initially hidden ...]
</div>
</div>
[... This is the title of the hidden content … qui ne fonctionne pas !]
[... This content is initially hidden ...]
