|
|
| Line 40: |
Line 40: |
| | <div style="clear:both"></div> | | <div style="clear:both"></div> |
| | | | |
| − | <big id="head-collapsible-ul>''' Collapsible unordered list '''</big>
| |
| − | ----
| |
| − | <ul class="mw-collapsible">
| |
| − | <li>Lorem</li>
| |
| − | <li>Ipsum</li>
| |
| − | <li>Dolor</li>
| |
| − | </ul>
| |
| − |
| |
| − | <div style="clear:both"></div>
| |
| − |
| |
| − | <big id="head-collapsible-ol">''' Collapsible ordered list '''</big>
| |
| − | ----
| |
| − | <ol class="mw-collapsible">
| |
| − | <li>One
| |
| − | <li>Two is more than one</li>
| |
| − | <li>..a total of three items!</li>
| |
| − | </ol>
| |
| − |
| |
| − | <div style="clear:both"></div>
| |
| − |
| |
| − | <big>''' Pre-made toggle'''</big>
| |
| − | ----
| |
| − | <templatestyles src="Manual:Collapsible elements/Demo/Advanced/styles.css" />
| |
| − | <div id="collapse-pre-one" class="mw-collapsible"><div class="mw-collapsible-toggle toccolours" style="float: none;"><span class="down">[[File:Arrow-down-dash-2.0.svg|50px|center|link=]]</span><span class="up">[[File:Arrow-up-dash-2.0.svg|50px|center|link=]]</span></div>
| |
| − | <div class="mw-collapsible-content">
| |
| − | {{Sample content}}
| |
| − | </div></div>
| |
| − |
| |
| − | <div style="clear:both"></div>
| |
| − |
| |
| − | <big id="h-pre-made-toggle-with-link">''' Pre-made toggle with link in it'''</big>
| |
| − | ----
| |
| − | <div class="mw-collapsible"><div class="mw-collapsible-toggle toccolours" style="float: none;">This is a toggle with link to [[#top|the top of the page]]</div>
| |
| − | <div class="mw-collapsible-content">
| |
| − | {{Sample content}}
| |
| − | </div></div>
| |
| − |
| |
| − | <div style="clear:both"></div>
| |
| − |
| |
| − | <big>''' Remote collapsible 1 (div, multiple togglers) <sup class="mw-customtoggle-myDivision" style="color:orange">@</sup>'''</big>
| |
| − | ----
| |
| − |
| |
| − | :<strong class="mw-customtoggle-myDivision">@</strong>
| |
| − |
| |
| − | <div class="usermessage mw-customtoggle-myDivision">Click here or on one of the @'s to expand the hidden element.</div>
| |
| − |
| |
| − | <div class="mw-customtoggle-myDivision" style="cursor:pointer">[[File:At_char.svg|100px|left|link=|title=Click me!]] ⇐ @@Clicking here or on At-image will toggle also@@<div style="clear:both"></div></div>
| |
| − |
| |
| − | <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision">
| |
| − | <div class="toccolours mw-collapsible-content">{{Sample content}}</div>
| |
| − | </div>
| |
| − |
| |
| − | <div style="clear:both"></div>
| |
| − |
| |
| − | <big>''' Custom collapsible 2 (table)'''</big>
| |
| − | ----
| |
| − |
| |
| − | <div class="usermessage mw-customtoggle-myTable">Click here to toggle the table.</div>
| |
| − |
| |
| − | {| class="wikitable sortable mw-collapsible" id="mw-customcollapsible-myTable"
| |
| − | ! Hello
| |
| − | ! World
| |
| − | |-
| |
| − | | Content
| |
| − | | Goes
| |
| − | |-
| |
| − | | In
| |
| − | | Here
| |
| − | |}
| |
| − |
| |
| − | <div style="clear:both"></div>
| |
| | | | |
| | <big>''' Custom collapsible 3 (list)'''</big> | | <big>''' Custom collapsible 3 (list)'''</big> |
fact1 :: Int -> Int
fact1 0 = 1
fact1 n = n * fact1 (n-1)
Soluiton
Some text in the div here.
fact1 :: Int -> Int
fact1 0 = 1
fact1 n = n * fact1 (n-1)
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 |
Custom collapsible 3 (list)
Click here to toggle the list.
