Difference between revisions of "Collapsible elements"
Line 1: | Line 1: | ||
{{Concise}} | {{Concise}} | ||
− | + | ==Method 1== | |
<code><nowiki><div class="toccolours mw-collapsible mw-collapsed" style="width:600px"> | <code><nowiki><div class="toccolours mw-collapsible mw-collapsed" style="width:600px"> | ||
Let's say this is your text, or table, or any other content. When you use the code above, it creates a box of 600 pixels wide, and the content is collapsed when you open the page. | Let's say this is your text, or table, or any other content. When you use the code above, it creates a box of 600 pixels wide, and the content is collapsed when you open the page. | ||
Line 8: | Line 8: | ||
Let's say this is your text, or table, or any other content. When you use the code above, it creates a box of 600 pixels wide, and the content is collapsed when you open the page. | Let's say this is your text, or table, or any other content. When you use the code above, it creates a box of 600 pixels wide, and the content is collapsed when you open the page. | ||
</div> | </div> | ||
− | + | ==Method 2== | |
− | |||
− | |||
− | |||
− | |||
<code><nowiki><div class="toccolours mw-collapsible" style="width:600px"> | <code><nowiki><div class="toccolours mw-collapsible" style="width:600px"> | ||
Let's say this is your text, or table, or any other content. When you use the code above, it creates a box of 600 pixels wide, and the content is not yet collapsed when you open the page, but you can hide that content. | Let's say this is your text, or table, or any other content. When you use the code above, it creates a box of 600 pixels wide, and the content is not yet collapsed when you open the page, but you can hide that content. | ||
Line 20: | Line 16: | ||
Let's say this is your text, or table, or any other content. When you use the code above, it creates a box of 600 pixels wide, and the content is not yet collapsed when you open the page, but you can hide that content. | Let's say this is your text, or table, or any other content. When you use the code above, it creates a box of 600 pixels wide, and the content is not yet collapsed when you open the page, but you can hide that content. | ||
</div> | </div> | ||
− | + | ==Method 3== | |
− | |||
− | |||
− | |||
− | |||
<div class="NavFrame"> | <div class="NavFrame"> | ||
<div class="NavHead">'''Title 1'''</div> | <div class="NavHead">'''Title 1'''</div> |
Revision as of 08:14, 1 July 2015
Method 1
<div class="toccolours mw-collapsible mw-collapsed" style="width:600px">
Let's say this is your text, or table, or any other content. When you use the code above, it creates a box of 600 pixels wide, and the content is collapsed when you open the page.
</div>
Let's say this is your text, or table, or any other content. When you use the code above, it creates a box of 600 pixels wide, and the content is collapsed when you open the page.
Method 2
<div class="toccolours mw-collapsible" style="width:600px">
Let's say this is your text, or table, or any other content. When you use the code above, it creates a box of 600 pixels wide, and the content is not yet collapsed when you open the page, but you can hide that content.
</div>
Let's say this is your text, or table, or any other content. When you use the code above, it creates a box of 600 pixels wide, and the content is not yet collapsed when you open the page, but you can hide that content.
Method 3
Let's say you want to make a navigation table at the bottom of the page that looks like you can find on this page.[1]