Revision as of 20:58, 27 October 2021

Formating

CynthiaBluteau (talk) 22:57, 27 October 2021 (CEST) I used these Examples to generate collapsible lists.

I am a caption! Table is sortable too.
Hello	World
Content	Goes
In	Here

Level 1 data ....

Remote collapsible 1 (div, multiple togglers) ^@

@

Click here or on one of the @'s to expand the hidden element.

Sample content

@@ Line 2: / Line 2: @@
 [[User:CynthiaBluteau|CynthiaBluteau]] ([[User talk:CynthiaBluteau|talk]]) 22:57, 27 October 2021 (CEST)
 I used these [https://www.mediawiki.org/wiki/Manual:Collapsible_elements/Demo/Advanced Examples] to generate collapsible lists.
+== Formatting help ==
+= Examples of collapsible items =
+<div class="mw-collapsible mw-collapsed" data-collapsetext="Collapse" data-expandtext="Expand Examples">
+== Test 1: Collapsible table with caption==
+{| class="wikitable sortable mw-collapsible"
+|+ I am a caption! Table is sortable too.
+! Hello
+! World
+|-
+| Content
+| Goes
+|-
+| In
+| Here
+|}
+== Test 2: Collapsible lists ==
+Level 1 data ....
+<ul class="mw-collapsible" data-collapsetext="You may collapse me by clicking here" data-expandtext="Let me back out !">
+  <li>Lorem</li>
+  <li>Ipsum</li>
+  <li>Dolor</li>
+</ul>
+== Another type of toggle ==
+<big>''' Remote collapsible 1 (div, multiple togglers) <sup class="mw-customtoggle-myDivision" style="color:orange">@</sup>'''</big>
+----
+:<strong class="mw-customtoggle-myDivision">@</strong>
+<div class="usermessage mw-customtoggle-myDivision">Click here or on one of the @'s to expand the hidden element.</div>
+<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision">
+<div class="toccolours mw-collapsible-content">Sample content</div>
+</div>
+</div>