Main Page

This wiki was generated on Patch demo at 19:36, 2 October 2023 (UTC).

Branch

master

Applied patches

• 961789,18: add portlet link to toggle all collapsible elements

Linked tasks

• T347299

Divs

Collapsible 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

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

Lists

Collapsible unordered list

---

• Lorem
• Ipsum
• Dolor

Collapsible ordered list

---

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

Custom toggles

Pre-made toggle

---

Pre-made toggle with link in it

---

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

Remote collapsible 1 (div, multiple togglers) ^@

---

@

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

title=Click me!

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

Template:Sample content

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

Combination example

---

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

Collapse Main Page
#1	Hello, edit this page Hello, purge this page Hello, add new section to talkpage
#2	Lorem Ipsum Dolor
#3	There's a lot more secret content hidden ! This following code is top secret: kmnd ihwkxucnskdf
Last edited by 172.16.5.238 on 20231002193733
Permalink to this revision

Custom toggle link placement

A fancy heading

Outer collapsible content.

Lorem ipsum dolor sit amet.

A fancier heading

Inner collapsible content.

Consectetur adipiscing elit.