Dynamic HTML Example : Visibility Control

One of the most useful features of cross-browser Dynamic HTML and cascading style sheets, is the ability to control visibility of HTML components contained within the DIV.

The use of variable names show/hide, arranged to be browser independent, is the key to implementing visibility control

Three basic steps are required:
1. Create a DIV with a unique ID and its style parameters.
2. Script the div ID as a variable name.
3. Provide a function to control visibiltiy.

toggle Div1 Visibility
toggle Div2 Visibility

This is div1