Difference between revisions of "User:Illu/Collapsing Examples"

From King Arthur's Gold Wiki
Jump to: navigation, search
(Created page with "{| class="mw-collapsible mw-collapsed wikitable" ! The header || remains visible |- | This content || is hidden |- | at first || load time |}")
 
m (Illu moved page User talk:Illu/Collapsing Examples to User:Illu/Collapsing Examples without leaving a redirect: faceplant)
 
(14 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 6: Line 13:
 
| at first || load time
 
| at first || load time
 
|}
 
|}
 +
 +
 +
==Test2==
 +
 +
 +
<div class="toccolours mw-collapsible mw-collapsed" style="width:800px">
 +
This text is not collapsible; but the next is collapsible and hidden by default:
 +
<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>
 +
 +
==Test3==
 +
 +
<div class="mw-collapsible" style="width: 400px;">
 +
This is text is collapsible.
 +
</div>
 +
 +
==Test4==
 +
 +
<div class="mw-collapsible">
 +
This text is collapsible too.
 +
</div>
 +
 +
==Test5==
 +
 +
{| class="wikitable mw-collapsible" data-expandtext="Illuminate" data-collapsetext="Deluminate"
 +
!My || Header
 +
|-
 +
| Some || content
 +
|-
 +
| 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
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

Click here to toggle the element
Lorem ipsum dolor sit amet...
Clicking here will toggle it also!
Retrieved from "http://wiki.kag2d.com/index.php?title=User:Illu/Collapsing_Examples&oldid=13044"