Javascript jquery在同一页面中的登录和注册之间切换

我有两个表单登录和注册，默认情况下显示登录表单。有一个链接“没有帐户？”我想创建时，点击链接，然后登记表将显示和登录表将隐藏

HTML代码：

 <div class="login_form">
         <div id="form">
        <h2>Login Here </h2>

        <form method="post" action="login.php" >
        <div class="form_elements">
        <label for="username">username</label>
        <input type="text" name="login_username" id="login_username" value="" />
        </div><!--end form_elements-->
        <div class="form_elements">
        <label for="username">Password</label>
        <input type="password" name="login_password" id="login_password" value="" />
        </div><!--end form_elements-->
        <div class="form_elements">
            <input type="submit" name="login" id="login" class="btn btn-success" />
        </div><!--end form_elements--> 
        <br /> 
        <a href="#" id="show_register">Don't have a account?</a>
     </form>      
    </div>
    </div>
    <div class="clear_both"></div>
    <div class="register_form">
    <div id="form">
    <h2>Register Here </h2>
    <form method="post" action="login.php" name="">
    <div class="form_elements">
        <label for="username">username</label>
        <input type="text" name="username" id="usename" value="" />
    </div><!--end form_elements-->

    <div class="form_elements">
        <label for="username">Email</label>
        <input type="text" name="email" id="email" value="" />
    </div><!--end form_elements-->

    <div class="form_elements">
        <label for="username">Password</label>
        <input type="password" name="password" id="password" value="" />
    </div><!--end form_elements-->

    <div class="form_elements">
        <label for="username">RePassword</label>
        <input type="password" name="repassword" id="repassword" value="" />
    </div><!--end form_elements-->

    <div class="form_elements">
            <input type="submit" name="register" id="register" class="btn btn-success" />
    </div><!--end form_elements-->
    </form>
    </div><!-- div form-->

---

请指导我解决这个困难。

使用as，

显示寄存器中缺少
$

$(function(){
 $('#show_register').click(function(){
        $('.login_form').hide();
        $('.register_form').show();
        return false;
    });    
});

使用dolor symbol$（'#show_register'）您有两个
div
s，每个都带有
id=“form”
id应该是唯一的抱歉我的错误。谢谢您。
$(function(){
 $('#show_register').click(function(){
        $('.login_form').hide();
        $('.register_form').show();
        return false;
    });    
});