I have JavaScript code that must move a *div* up and down. When I click it I want it to go up, then when I click the second time I want it to go down. My code is this:

```
function why()
{
    if (document.getElementById("newton").style.bottom == 23) {
        alert("I entered the IF");
        document.getElementById("newton").style.bottom = 0;
    }
    else {
        alert("I entered the ELSE");
        document.getElementById("newton").style.bottom = 23;
    }
}

```

The strange thing is that the first time I click the div it goes up and tells me the ELSE part was executed, but after this, clicking it won't produce any effect, it wont go back down. Why is this?