User:Efuchs

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.

Adding the class hiddenblock to your div's will style them like this.


Example 1

example code
Show/Hide Block
This is a Block
<span class="toggleblock" title="test">Show/Hide Block</span>

<div id="test" class="hiddenblock"> 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" class="hiddenblock"> This is a Block </div>