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

Revision as of 00:23, 6 August 2013

The header	remains visible
This content	is hidden
at first	load time

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

This is text is collapsible.

This text is collapsible too.

My	Header
Some	content
and	stuff.

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

Click here to toggle the element

Lorem ipsum dolor sit amet...

Clicking will toggle it also!

@@ Line 1: / Line 1: @@
+<div class="mw-collapsible">
+__TOC__
+</div>
+==Test1==
 {| class="mw-collapsible mw-collapsed wikitable"
 ! The header || remains visible
@@ Line 7: / Line 14: @@
 |}
+==Test2==
@@ Line 14: / Line 23: @@
 </div>
+==Test3==
 <div class="mw-collapsible" style="width: 400px;">
 This is text is collapsible.
 </div>
+==Test4==
 <div class="mw-collapsible">
@@ Line 23: / Line 35: @@
 </div>
+==Test5==
 {| class="wikitable mw-collapsible" data-expandtext="Illuminate" data-collapsetext="Deluminate"
@@ Line 33: / Line 45: @@
 |}
+==Test6==
 {| class="test81263"
@@ Line 61: / Line 74: @@
 |}
+==Test7==
 <div class="mw-customtoggle-myDivision" style="background:#e0e8ff">Click here to toggle the element</div>