JS problem

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="main.css">
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Exo" type="text/css">
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Exo:700" type="text/css">
        <title>Gamer.social - Find player - Home </title>
        <!--<script src="jquery-1.11.3.min.js"></script>*/-->
        <script type="text/javascript">
            <!--
                function toggle_visibility(id) {
                    var e = document.getElementById(id);
                    if(e.style.display == 'block'){
                        e.style.display = 'none';
                    }else{
                        e.style.display = 'block';
                    }
                }

                function toggle_color(id,id2, color, color2) {
                    var e = document.getElementById(id);
                    var a = document.getElementById(id2);
                    if(e.style.background == color){
                        e.style.background = color2;
                        a.style.background = color;
                    }else{
                        e.style.background = color;
                        a.style.background = color2;
                    }
                }
            //-->
        </script>
    </head>
    <body>
        <div id="topBar">
            <div id="menuBar">
                <span class="menuText">Home</span>
                <span class="menuText">About Us</span>
                <span class="menuText">Contact Us</span>
            </div>
                <div id="loginButton" onclick="toggle_visibility('loginBox')">
                <span id="loginText">Login / Join</span>
            </div>
        </div>
        <div id="loginBox">
            <span id="loginBoxTitle">Login</span>
                <div id="loginBoxBox">
                <div id="loginBoxLogin" onclick="toggle_color('loginBoxLogin','loginBoxJoin','#990000','#0C672A')">Login</div>
                <div id="loginBoxJoin" onclick="toggle_color('loginBoxJoin','loginBoxLogin','#0C672A')"/>Join</div>
                <form id="loginForm">
                    <br>
                    <br>
                    <div class="loginBoxLoginText">Username or Email</div>
                    <input type="text" name="username" maxlength="20" class="loginBoxText">
                    <div class="loginBoxLoginText">Password</div>
                    <input type="password" name="password" class="loginBoxPass">
                </form>
            </div>
        </div>
    </body>
</html>