User:Coincollector/collapsible table
From the Super Mario Wiki
| Advertisement: This is my user's alternate page, this info contains about the user's secret of creativity, thanks. |
| ©oin¢ollector. |
Hello everybody! Welcome to my User's guide of mine: How to do an Expandable Table?. If you want to create dynamic table as a expandable table, follow my next instructions.
Once you have set the table's style; for the new column, you must set the division in this way:
{| style="..."
|<div style="...">Whatever Title<showhide>__HIDER__<hide><div style="...">
Whatever Content
</div></hide></showhide></div>
|}
The "Whatever Title" section must be next to showhide extension, because the first division acts the way of a header cell.
The "Whatever Content" section will be hidden. When clicking the [show] button, the content will appear.
- Remember: Use the <div> syntax to make dynamic boxes as this.
- Tip: Usually I reduce the size of the [show] while setting <small>__HIDER__</small> in this way, for aesthetics questions
| Now, let's see some examples |
{| style="border: 1px solid gray; background:white"
|<div style="text-align:center; background:gray; width:100%">
'''Whatever Title'''<showhide><small>__HIDER__</small><hide><div
style="background:white">
Whatever Content
</div></hide></showhide></div>
|}
Whatever Title
Whatever Content |
With creativity, you can make many collapsible tables, like this complex:
Whatever Title
Whatever Content |
Whatever Title
Whatever Content |
Whatever Title
Whatever Content |

