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

From King Arthur's Gold Wiki
Jump to: navigation, search
m
m (Illu moved page User talk:Illu/Collapsing Examples to User:Illu/Collapsing Examples without leaving a redirect: faceplant)
 
(7 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">{{Lorem}}</div>
+
<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 33: Line 45:
 
|}
 
|}
  
 +
==Test6==
  
 
{| class="test81263"
 
{| class="test81263"
Line 61: Line 74:
 
|}
 
|}
  
 
+
==Test7==
  
 
<div class="mw-customtoggle-myDivision" style="background:#e0e8ff">Click here to toggle the element</div>
 
<div class="mw-customtoggle-myDivision" style="background:#e0e8ff">Click here to toggle the element</div>
Line 69: Line 82:
 
</div>
 
</div>
 
   
 
   
<div class="mw-customtoggle-myDivision" style="background:#e8ffe0">Clicking will toggle it also!</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!