Difference between revisions of "User:Efuchs"

(Example 2)
Line 33: Line 33:
 
|- style="vertical-align:top;"
 
|- style="vertical-align:top;"
 
| width=150 | <span class="toggleblock" title="test2">Show/Hide Block [<font>+</font><font style="display:none;">&ndash;</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;">&ndash;</font>]</span> <div id="test2"> This is a Block </div>
|<code>&lt;span class=&quot;toggleblock&quot; title=&quot;test&quot;&gt;Show/Hide Block [&lt;font&gt;+&lt;/font&gt;&lt;font style=&quot;display:none;&quot;&gt;&ndash;&lt;/font&gt;]&lt;/span&gt;</code>
+
|<code>&lt;span class=&quot;toggleblock&quot; title=&quot;test2&quot;&gt;Show/Hide Block [&lt;font&gt;+&lt;/font&gt;&lt;font style=&quot;display:none;&quot;&gt;&ndash;&lt;/font&gt;]&lt;/span&gt;</code>
 
<code>
 
<code>
 
&lt;div id=&quot;test2&quot;&gt;
 
&lt;div id=&quot;test2&quot;&gt;

Revision as of 13:31, 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>

<div id="test"> This is a Block </div>


Example 2

+ / - displays status of block


example code
Show/Hide Block [+]
This is a Block
<span class="toggleblock" title="test2">Show/Hide Block [<font>+</font><font style="display:none;">–</font>]</span>

<div id="test2"> This is a Block </div>