Question

I think the problem’s already stated. When you click the plus extra content is show(the Hello Guest and Register and Signup). Is their a better and working way of doing this or do I have a bug. New at java-script so don’t hate.
—> http://jsfiddle.net/CM9Av/

Answer 1

You are not setting the top . Also, cache your variables.

function menuanimate() {
    var loginoutbox = document.getElementById("loginoutbox");
    var fromtop = loginoutbox.style.top;
    if (fromtop == "-20px") {
        fromtop = "0px";
    }
    else {
        fromtop = "-20px";
    }
    loginoutbox.style.top = fromtop;
}​

In markup , set top in inline style. stlye.top wont read css property.

<div id="loginoutbox" class="ablack" style='top:-20px'></div>

Try outside fiddle in a simple webpage. It works !

Demo fiddle (I dont know how to put pure js in fiddle.net)