User:SharpShot gif/Collapsible

Thanks to NoseOfCthulhu and Krinkle

Show/Hide

nothing to show sorry

---

Collapsible div

 Water

Collapsible div (collapsed by default)

 Water

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 with caption

I am a caption!

Hello	World
Content	Goes
In	Here

Same, but without sortability (no explicit <thead>)

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

1. One
2. Two is more than one
3. ..a total of three items!

Pre-made toggle

image hereimage here

 Water

Pre-made toggle with link in it

This is a toggle with link to the top of the page

 Water

Remote collapsible 1 (div, multiple togglers) ^@

@

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

image here ⇐ @@Clicking here or on At-image will toggle also@@

 Water

Custom collapsible 2 (table)

Click here to toggle the table.

Hello	World
Content	Goes
In	Here

Custom collapsible 3 (list)

Click here to toggle the 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 toggle for my parent ("collapsible div") and custom toggle for "DPT".

I am a collapsible div.

Combination example

• Table is collapsed by default
• Second row contains collapsible list
• Third row contains a collapsible block with custom labels

Collapse User:SharpShot gif/Collapsible
#1	Hello, edit this page Hello, purge this page Hello, add new section to talkpage	image here
#2	Lorem Ipsum Dolor	image here
#3	There's a lot more secret content hidden ! This following code is top secret: kmnd ihwkxucnskdf	image here
Last edited by SharpShot gif on 20150723153751
Permalink to this revision