Открыть и закрыть блок

Эмир Козаноглу

Доброе время суток , колеги программисты !
Есть один вопрос ...
У меня есть блок , у него 2 ссылки , ссылки открывают и закрывают другие блоки .
Но как сделать так что бы при нажатии одной ссылки открывался один блок НО закрывался другой блок ?
Вот код ;

            <div class="l-r">
                <div class="l-r-#">
                    <a href="#" onclick="openbox('log')"><h2>Login-in</h2></a>
                    <a href="#" onclick="openbox('reg')"><h2>Sign-up</h2></a>
                </div>

                <script>
                    function openbox(id){
                    display = document.getElementById(id).style.display;

                    if(display=='none'){
                         document.getElementById(id).style.display='block';
                    }else{
                         document.getElementById(id).style.display='none';
                    }
                    }
                </script>


                <div id="log">
                    <p><input type="text" name="login" placeholder="Login" value="<? echo @$data['login']; ?>"></p>
                    <p><input type="password" name="password" placeholder="Password" value="<? echo @$data['password']; ?>"></p>
                    <p><button type="submit" name="do_login">Login-in</button>
                </div>


                <div id="reg">
                    <form method="POST">
                    <p><input type="text" name="login" placeholder="Login" value="<? echo @$data['login']; ?>"></p>
                    <p><input type="password" name="password" placeholder="Password" value="<? echo @$data['password']; ?>"></p>
                    <p><input type="password" name="repeat-password" placeholder="Repeat password" value="<? echo @$data['repeat-password']; ?>"></p>
                    <p><button type="submit" name="do_signup"><a href="#">Sign-up</a></button>
                </reg>
              </div>
            </div>

Заранее спасибо !!!

2 чел.