User talk:Poke/CollapsibleTables.js

From Bulbapedia, the community-driven Pokémon encyclopedia.
< User talk:Poke
Revision as of 19:17, 29 July 2008 by Poke (talk | contribs) (creation.)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Description

This class allows to make tables collapsible and adds a show/hide button to affected tables. Tables which class attribute contains collapsible or expandable are affected by this class and can be collapsed; the latter automatically hides the content of all sections.
Header rows are used to divide the table into sections which can be collapsed separately. By default the first row of the table is interpreted as a header row, however this can be overwritten by adding collapsible to the class attribute of header rows. You can also hide a section individually by default when in collapsible mode by using expandable as the row's class name instead.

Usage examples

Note: Style information are not shown in the code column.
Code Result
{| class="collapsible"
! Table title
|-
| Table content
|}
Table title
Table content
{| class="expandable"
! Table title
|-
| Table content
|}
{| class="collapsible"
! Table title
|- class="collapsible"
! Subtitle 1
|-
| Subtable content
|- class="expandable"
! Subtitle 2
|-
| Subtable content
|}
Table title
Subtitle 1
Subtable content
Subtable content