User:Krinkle/CollapsingTestpageMw
Test suite for mw-collapsible
Collapsible div
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor. Maecenas vitae nulla consequat libero cursus venenatis.
Header | Top |
---|---|
Con | Tent |
Collapsible div (collapsed by default)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor. Maecenas vitae nulla consequat libero cursus venenatis.
Header | Top |
---|---|
Con | Tent |
Collapsible div nested in collapsed div
Hi there this is text in the outer div.
This content is inside the nested collapsible div.
Collapsible table
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 |
Collapsible unordered list
- Lorem
- Ipsum
- Dolor
Collapsible ordered list
- One
- Two is more than one
- ..a total of three items!
Remote collapsible 1 (div, multiple togglers) @
- @
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor. Maecenas vitae nulla consequat libero cursus venenatis.
Header | Top |
---|---|
Con | Tent |
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 |
Combination example
- Table is collapsed by default
- Second row contains collapsible list
- Third row contains a collapsible block with custom labels
Collapse User:Krinkle/CollapsingTestpageMw | ||
---|---|---|
#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 Krinkle on 20110218153844 | ||
Permalink to this revision |