Difference between revisions of "User:Efuchs"
| Line 9: | Line 9: | ||
{| cellpadding="10" cellspacing="4" style="text-align:left;" | {| cellpadding="10" cellspacing="4" style="text-align:left;" | ||
| + | |- | ||
| + | ! style="color:#444" | example | ||
| + | ! style="color:#444" | code | ||
|- style="vertical-align:top;" | |- style="vertical-align:top;" | ||
| width=150 | <span class="toggleblock" title="test">Show/Hide Block</span> <div id="test"> This is a Block </div> | | width=150 | <span class="toggleblock" title="test">Show/Hide Block</span> <div id="test"> This is a Block </div> | ||
| Line 25: | Line 28: | ||
{| cellpadding="10" cellspacing="4" style="text-align:left;" | {| cellpadding="10" cellspacing="4" style="text-align:left;" | ||
| + | |- | ||
| + | ! style="color:#444" | example | ||
| + | ! style="color:#444" | code | ||
|- style="vertical-align:top;" | |- style="vertical-align:top;" | ||
| width=150 | <span class="toggleblock" title="test2">Show/Hide Block [<font>+</font><font style="display:none;">–</font>]</span> <div id="test2"> This is a Block </div> | | width=150 | <span class="toggleblock" title="test2">Show/Hide Block [<font>+</font><font style="display:none;">–</font>]</span> <div id="test2"> This is a Block </div> | ||
Revision as of 13:07, 24 October 2007
Hide an Object
Copy the examples below to show / hide objects.
The title attribute of the span tag must be the same as the id attribute of the div tag.
Example 1
| example | code |
|---|---|
| Show/Hide Block This is a Block
|
<span class="toggleblock" title="test">Show/Hide Block</span>
|
Example 2
+ / - displays status of block
| example | code |
|---|---|
| Show/Hide Block [+–] This is a Block
|
<span class="toggleblock" title="test">Show/Hide Block [<font>+</font><font style="display:none;">–</font>]</span>
|
