Difference between revisions of "User:Illu/Collapsing Examples"
From King Arthur's Gold Wiki
m |
m (Illu moved page User talk:Illu/Collapsing Examples to User:Illu/Collapsing Examples without leaving a redirect: faceplant) |
||
| (10 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| + | <div class="mw-collapsible mw-collapsed" style="width:180px"> | ||
| + | __TOC__ | ||
| + | </div> | ||
| + | |||
| + | |||
| + | ==Test1== | ||
| + | |||
{| class="mw-collapsible mw-collapsed wikitable" | {| class="mw-collapsible mw-collapsed wikitable" | ||
! The header || remains visible | ! The header || remains visible | ||
| Line 7: | Line 14: | ||
|} | |} | ||
| + | |||
| + | ==Test2== | ||
<div class="toccolours mw-collapsible mw-collapsed" style="width:800px"> | <div class="toccolours mw-collapsible mw-collapsed" style="width:800px"> | ||
This text is not collapsible; but the next is collapsible and hidden by default: | This text is not collapsible; but the next is collapsible and hidden by default: | ||
| − | <div class="mw-collapsible-content"> | + | <div class="mw-collapsible-content">LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT </div> |
</div> | </div> | ||
| + | ==Test3== | ||
<div class="mw-collapsible" style="width: 400px;"> | <div class="mw-collapsible" style="width: 400px;"> | ||
This is text is collapsible. | This is text is collapsible. | ||
</div> | </div> | ||
| + | |||
| + | ==Test4== | ||
<div class="mw-collapsible"> | <div class="mw-collapsible"> | ||
| Line 23: | Line 35: | ||
</div> | </div> | ||
| − | + | ==Test5== | |
{| class="wikitable mw-collapsible" data-expandtext="Illuminate" data-collapsetext="Deluminate" | {| class="wikitable mw-collapsible" data-expandtext="Illuminate" data-collapsetext="Deluminate" | ||
| Line 32: | Line 44: | ||
| and || stuff. | | and || stuff. | ||
|} | |} | ||
| + | |||
| + | ==Test6== | ||
| + | |||
| + | {| class="test81263" | ||
| + | ! Foo | ||
| + | | Bar | ||
| + | |- | ||
| + | ! Lorem | ||
| + | | Ipsum | ||
| + | |- | ||
| + | ! More info | ||
| + | |<!-- | ||
| + | --> | ||
| + | {| class="wikitable mw-collapsible mw-collapsed" style="width: 100%;" | ||
| + | ! Head | ||
| + | ! Top | ||
| + | |- | ||
| + | | Cell | ||
| + | | content | ||
| + | |- | ||
| + | | This table is collapsible | ||
| + | | Because it has the "mw-collapsible" class | ||
| + | |- | ||
| + | | It was initially hidden, because it | ||
| + | | had the "mw-collapsed" class | ||
| + | |}<!-- | ||
| + | --> | ||
| + | |- | ||
| + | |} | ||
| + | |||
| + | ==Test7== | ||
| + | |||
| + | <div class="mw-customtoggle-myDivision" style="background:#e0e8ff">Click here to toggle the element</div> | ||
| + | |||
| + | <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision"> | ||
| + | <div class="toccolours mw-collapsible-content">Lorem ipsum dolor sit amet...</div> | ||
| + | </div> | ||
| + | |||
| + | <div class="mw-customtoggle-myDivision" style="background:#e8ffe0">Clicking here will toggle it also!</div> | ||
Latest revision as of 20:32, 8 August 2013
Test1
| The header | remains visible |
|---|---|
| This content | is hidden |
| at first | load time |
Test2
This text is not collapsible; but the next is collapsible and hidden by default:
LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT LONGTEXT
Test3
This is text is collapsible.
Test4
This text is collapsible too.
Test5
| My | Header |
|---|---|
| Some | content |
| and | stuff. |
Test6
| Foo | Bar | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Lorem | Ipsum | ||||||||
| More info |
|
Test7
Click here to toggle the element
Lorem ipsum dolor sit amet...
Clicking here will toggle it also!
