User:DOUG: Difference between revisions
m (Loading up for bear) |
m (Test snippet) |
||
| (21 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
__NOEDITSECTION__ |
|||
| ⚫ | |||
| ⚫ | |||
<span><h4 class="mw-customtoggle-myNothing mw-customtoggle-myTable" style="background: white; color: white; font-color: white;">Toggle all content</h4></span> |
|||
==== Nothing to see here! ==== |
|||
| ⚫ | |||
| ⚫ | |||
;Collapsible DIV with imbedded auto-collapse table |
|||
| ⚫ | |||
{| width="100%" |
|||
|width="20%" style="text-align:left;"|<span class="mw-customtoggle-myNothing mw-customtoggle-myTable">[Toggle All Content]</span>||width="80%|<h4>Nothing to see here!</h4>||width="20%" style="text-align:right;"|<span class="mw-customtoggle-myNothing">[Toggle Section Content]</span> |
|||
|} |
|||
</div><div id="mw-customcollapsible-myNothing" class="mw-collapsible mw-collapsed" style="border: 2px solid #59f; text-align:left; background: #FFF; padding: 0px 10px; margin: 0px 5px; background: #FFF;"> |
|||
Most of this space will be devoted to dabbling. I've placed the information you're looking for on my [[User_talk:DOUG|talk]] page, so go ahead, just click that [[User_talk:DOUG|link]]. |
Most of this space will be devoted to dabbling. I've placed the information you're looking for on my [[User_talk:DOUG|talk]] page, so go ahead, just click that [[User_talk:DOUG|link]]. |
||
<div class="mw-collapsible-content">{{Lorem}}</div> |
|||
{| class="mw-collapsible-content" |
|||
|- |
|||
|{{TAS|hidemetest}}{{Lorem}}{{TAE|hidemetest}} |
|||
|{{Lorem}} |
|||
|- |
|||
|} |
|||
</div> |
</div> |
||
;Collapsible table (not really) with Header Row (or Title Row) remaining visible |
|||
<div style="border: thin solid #59f; text-align:center; background: #59F; margin: 0 5px;"> |
|||
{| width="100%" |
|||
|width="20%" style="text-align:left;"|<span class="mw-customtoggle-myNothing mw-customtoggle-myTable">[Toggle All Content]</span>||width="80%|<h4>Table Hiding</h4>||width="20%" style="text-align:right;"|<span class="mw-customtoggle-myTable">[Toggle Section Content]</span> |
|||
|} |
|||
| ⚫ | |||
{| width="100%" class="mw-collapsible-content" |
|||
|- |
|||
|This text || is hidden |
|||
|- |
|||
|upon first || document open |
|||
|- |
|||
|} |
|||
</div></div> |
|||
<div id="collapse-pre-one" class="mw-collapsible mw-collapsed"> |
|||
<div class="mw-collapsible-toggle toccolours" style="float: none;"> |
|||
<div class="mw-collapsible-toggle-row"> |
|||
<div class="mw-collapsible-toggle-header"><big>'''Example Header Text'''<br>Example sub text</big></div> |
|||
<div class="mw-collapsible-toggle-indicator">[[File:right-black-arrow.png|15px|link=]]</div> |
|||
</div> |
|||
</div> |
|||
<div class="mw-collapsible-content"> |
|||
{{Lorem}} |
|||
{{Lorem}} |
|||
{{Lorem}} |
|||
{{Lorem}} |
|||
</div> |
|||
{{prettyTOCleft}} |
|||
Latest revision as of 18:18, 21 March 2017
Toggle all content
- Collapsible DIV with imbedded auto-collapse table
| [Toggle All Content] | Nothing to see here! |
[Toggle Section Content] |
Most of this space will be devoted to dabbling. I've placed the information you're looking for on my talk page, so go ahead, just click that link.
| Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
- Collapsible table (not really) with Header Row (or Title Row) remaining visible
| [Toggle All Content] | Table Hiding |
[Toggle Section Content] |
| This text | is hidden |
| upon first | document open |
Example sub text
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.