Web Development

<br />
block1 = new AnimBlock("body1", "content1", 200);<br />
block2 = new AnimBlock("body2", "content2", 200);<br />
block3 = new AnimBlock("body3", "content3", 200);<br />
<br />
AnimBlock.prototype.DisplayBlock = DisplayBlock;<br />
AnimBlock.prototype.OpenBlock    = OpenBlock;<br />
AnimBlock.prototype.CloseBlock   = CloseBlock;<br />
<br />
function AnimBlock(body, content, speed)<br />
{<br />
    this.body    = body;<br />
    this.content = content;<br />
    this.speed   = speed;<br />
    this.size    = 0;<br />
}<br />
<br />
function DisplayBlock()<br />
{                        <br />
    if(document.getElementById(this.content).style.display == "block")<br />
    {<br />
        document.getElementById(this.body).style.height     = "0px";<br />
        document.getElementById(this.body).style.padding    = "0px";<br />
        document.getElementById(this.content).style.display = "none";<br />
        this.CloseBlock();<br />
    }<br />
    else<br />
    {<br />
        this.OpenBlock();<br />
        document.getElementById(this.content).style.display = "block";<br />
        document.getElementById(this.body).style.padding    = "20px";<br />
        document.getElementById(this.body).style.height     = "auto";<br />
    }<br />
    <br />
    this.size = 0;<br />
}<br />
<br />
function OpenBlock()<br />
{<br />
    if(this.size <= 100)<br />
    {<br />
        document.getElementById(this.body).style.height = this.size+"px";<br />
        this.size++;<br />
        setTimeout(function(){this.OpenBlock();}, this.speed);<br />
    }<br />
}<br />
        <br />
function CloseBlock()<br />
{<br />
    if(this.size >= 0)<br />
    {<br />
        document.getElementById(this.body).style.height = this.size+"px";<br />
        this.size--;<br />
        setTimeout(function(){this.CloseBlock();}, this.speed);<br />
    }<br />
}<br />

cdmlb@hotmail.com wrote:

this.size = 0;

<br />
a<br />
{<br />
    color: Blue;<br />
}<br />
<br />
a:visited<br />
{<br />
    color: Red;<br />
}<br />