User:DOUG: Difference between revisions

The official GemStone IV encyclopedia.
Jump to navigation Jump to search
m (Testing a theory)
m (Up to the challenge?)
Line 1: Line 1:
__NOEDITSECTION__
__NOEDITSECTION__
__TOC__


<div style="background: white; border:4px solid #59F; padding: 15px 15px; background: #DEF; color: #000000;">
<div style="background: white; border:4px solid #59F; padding: 15px 15px; background: #DEF; color: #000000;">

;Collapsible DIV with imbedded auto-collapse table

<div style="border: thin solid #59f; text-align:center; background: #59F; margin: 0 5px;">
<div style="border: thin solid #59f; text-align:center; background: #59F; margin: 0 5px;">
{| width="100%"
====Nothing to see here!====
|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 class="mw-collapsible mw-collapsed" style="border: 2px solid #59f; text-align:left; background: #FFF; padding: 0px 10px; margin: 0px 5px; background: #FFF;">
|}
</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>
<div class="mw-collapsible-content">{{Lorem}}</div>
Line 15: Line 23:




;Collapsible table (not really) with Header Row (or Title Row) remaining visible
{| class="mw-collapsible mw-collapsed" style="border: 2px solid #59F; border-collapse: collapse; text-align:left; background: #FFF; margin: 0px 5px; width: 99.1%;" cellpadding="8px"

!colspan="2" style="text-align:center; background: #59F;"|The header remains 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>
|}
</div><div id="mw-customcollapsible-myTable" class="mw-collapsible mw-collapsed" style="border: 2px solid #59f; text-align:left; background: #FFF; padding: 0px 10px; margin: 0px 5px; background: #FFF;">
{| class="mw-collapsible-content"
|-
|-
|{{Lorem}}
|This content ||is hidden
|{{Lorem}}
|-
|-
|at first ||load time
|}
|}
</div></div>


</div>


<span class="mw-headline" id="Section_linking">Section linking</span>
<span class="mw-headline" id="Section_linking">Section linking</span>

Revision as of 17:23, 28 March 2015


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. 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]
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.

Section linking