Project:Example Collapsible Elements: Difference between revisions

Revision as of 22:07, December 2, 2020

Title 1

Hello world.

Title 2

Caption
Header 1	Header 2
Data 1	Data 2

Lorem

ipsum

dolor

sit

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

@@ Line 1: / Line 1: @@
-{| class="mw-collapsible"|+ Caption|-! scope="col" | Header 1! scope="col" | Header 2|-| Data 1| Data 2|}{| role="presentation" class="mw-collapsible"|-| Lorem| ipsum|-| dolor| sit|}
+<div class="NavFrame">
+<div class="NavHead">'''Title 1'''</div>
+<div class="NavContent">
+Hello world.
+</div>
+</div>
-{| class="mw-collapsible mw-collapsed wikitable"! The header || remains visible|-| This  content || is hidden|-| at first || load time|}
-<div class="NavFrame"><div class="NavHead">'''Title 1'''</div><div class="NavContent">Hello world.</div></div><div class="NavFrame"><div class="NavHead">'''Title 2'''</div><div class="NavContent" style="display: none;">Hello world.</div></div>
+<div class="NavFrame">
+<div class="NavHead">'''Title 2'''</div>
+<div class="NavContent" style="display: none;">
+Hello world.
+</div>
+</div>
+{| class="mw-collapsible"
+|+ Caption
+|-
+! scope="col" | Header 1
+! scope="col" | Header 2
+|-
+| Data 1
+| Data 2
+|}
+{| role="presentation" class="mw-collapsible"
+|-
+| Lorem
+| ipsum
+|-
+| dolor
+| sit
+|}
+{| class="mw-collapsible mw-collapsed wikitable"
+! The header || remains visible
+|-
+| This  content || is hidden
+|-
+| at first || load time
+|}