So, I thought I'd start explaining usage and syntax and all that fun crap for our wacko features. So every time I add some crazo gadget that makes you go "trololol, wtf did he do this time?" you'll be able to see what it does, how to use it, how to duplicate it, and ideas on what it's for.
Collapsible Tables[]
I think these are really cool. Mostly because I have no idea how the fark they work, all I know is it uses JS and I don't know any JS. Soyarr.
Basically, this is a collapsible table:
{|class="collapsible" border="1px solid #000"
! Header row
|-
|Content that can be hidden
|}
Yields:
| Header row |
|---|
| Content that can be hidden |
Clicking the button that says "hide" will, you guessed it, hide the bottom cell. Clicking "show" will create a forest of Unicorns on Mars that will slowly gain sentience, intelligence, and space flight, and will then come to earth to consume your delectable flesh and nom on your cold, dark, heartless soul.
JK, it emits a sound only Plokkey can hear.
Collapse by Default[]
You can make collapsible tables collapsed by default (eg, they are collapsed on page load) by adding the class "collapsed" to the table.
{|class="collapsible collapsed" border="1px solid #000"
! Header row
|-
|Content that starts hidden
|}
Yields:
| Header row |
|---|
| Content that starts hidden |
Yo dawg, I heard you like collapsible tables, so I put a table in your table so you can collapse while you collapse, dawg.[]
There's a function that lets you make other rows in tables collapsible, but I don't remember what it is and I'm too lazy to search the pants off wikipedia in an effort to find it, mostly because I'm lazy but also because you can just use a nested table instead. But it's something like this:
{|class="collapsible" border="1px solid #000"
! Header row
|-
|Content that can be hidden
! class="innercollapse" | Other header row
|-
|More content that can be hidden
|}
Yea that.