Manual:Collapsible elements/Demo/Advanced
Divs
editCollapsible div
Collapsible div (collapsed by default)
Collapsible div nested in collapsed div
Hi there this is text in the outer div.
This content is inside the nested collapsible div.
Tables
editCollapsible table
Hello | World |
---|---|
Content | Goes |
In | Here |
Collapsible table with caption
Hello | World |
---|---|
Content | Goes |
In | Here |
Hello | World |
---|---|
Content | Goes |
In | Here |
Collapsible table (collapsed by default)
Hello | World |
---|---|
Content | Goes |
In | Here |
Collapsible table in collapsed div
Some text in the div here.
Hello | World |
---|---|
Content | Goes |
In | Here |
Some more text in the div.
Collapsible table-cell content in a table
X | Y | Z |
---|---|---|
Hi, the content in the cell below me is collapsible and collapsed by default | 35 | 91 |
I'm the mw-collapsible cell content! | 42 | 63 |
Lists
editCollapsible unordered list
- Lorem
- Ipsum
- Dolor
Collapsible ordered list
- One
- Two is more than one
- ..a total of three items!
Custom toggles
editPre-made toggle
Pre-made toggle with link in it
Remote collapsible 1 (div, multiple togglers) @
- @
Custom collapsible 2 (table)
Hello | World |
---|---|
Content | Goes |
In | Here |
Custom collapsible 3 (list)
- A
- B
- C
- D
Custom collapsible 4 (table-row)
X | Y | Z |
---|---|---|
I'm the mw-customtoggle for A, B and C. Click me to toggle three table-rows at once! | 20 | 11 |
I'm the mw-customcollapsible row A | 20 | 7 |
I'm the mw-customcollapsible row B | 21 | 11 |
I'm the mw-customcollapsible row C | 29 | 1 |
This is just a plain table cell | 0 | 30 |
Custom collapsible 5 (double purpose toggle)
I am custom collapsible "DPT".
I am a collapsible div.
Combination
editCombination example
- Table is collapsed by default
- Second row contains collapsible list
- Third row contains a collapsible block with custom labels
Collapse Manual:Collapsible elements/Demo/Advanced | ||
---|---|---|
#1 |
Hello, edit this page Hello, purge this page Hello, add new section to talkpage |
|
#2 |
|
|
#3 |
There's a lot more secret content hidden ! This following code is top secret:
|
|
Last edited by Clump on 20240814112344 | ||
Permalink to this revision |
Custom toggle link placement
editA fancy heading
Outer collapsible content.
Lorem ipsum dolor sit amet.
A fancier heading
Inner collapsible content.
Consectetur adipiscing elit.