|
<11440 (?)>
</pre>}}
= Collapsible Divs =
===Basic===
In this example only the two required parameters are specified.
{| class="wikitable"
| {{rh}} | Code
| <pre>{{hidden|Title text here|Body text line 1<br/>Body text line 2}}</pre>
|-
| {{rh}} | Result
| {{{{PAGENAMETDOC}}|Title text here|Body text line 1<br/>Body text line 2}}
|}
===Header background===
{| class="wikitable"
| {{rh}} | Code
| <source lang="css" style="overflow:auto;">
{{hidden
|Title text here
|Body text line 1<br/>Body text line 2
|headerstyle=background:#ccccff
|style=text-align:center;
}}
</source>
|-
| {{rh}} | Result
| {{{{PAGENAMETDOC}}|Title text here|Body text line 1<br/>Body text line 2|headerstyle=background:#ccccff|style=text-align:center;}}
|}
===Border with toggle left===
{| class="wikitable"
| {{rh}} | Code
| <source lang="css" style="overflow:auto;">
{{hidden
|Title text here
|Body text line 1<br/>Body text line 2
|border=3px solid black
|toggle=left
|collapsetext="-"
|expandtext="+"
}}
</source>
|-
| {{rh}} | Result
| {{{{PAGENAMETDOC}}|Title text here|Body text line 1<br/>Body text line 2|border=3px solid black|toggle=left|collapsetext="-"|expandtext="+"}}
|}
=== Expanded by default using hlist ===
{| class="wikitable"
| {{rh}} | Code
| <source lang="css" style="overflow:auto;">
{{hidden
|Horizontal List
|
*Bullet 1
*Bullet 2
*Bullet 3
|collapsetext="-"
|expandtext="+"
|expanded=on
|hlist=true
}}
</source>
|-
| {{rh}} | Result
| {{{{PAGENAMETDOC}}|Horizontal List|
*Bullet 1
*Bullet 2
*Bullet 3
|collapsetext="-"|expandtext="+"|expanded=on|hlist=true}}
|}
===CSS===
{| class="wikitable"
| {{rh}} | Code
|
<source lang="css">
{{hidden
| style = border:1px dashed red; width: 50%;
| headerstyle = background: #ccccff; font-size: 110%;
| contentstyle = text-align: center; color:green;
| header = Title text here
| content = Body text line 1<br />Body text line 2<br />Body text line 3
}}</source>
|-
| {{rh}} | Result
|
{{{{PAGENAMETDOC}}
| style = border:1px dashed red; width: 50%;
| headerstyle = background: #ccccff; font-size: 110%;
| contentstyle = text-align: center; color:green;
| header = Title text here
| content = Body text line 1<br />Body text line 2<br />Body text line 3
}}
|}
|