jquery在同一页面中切换登录和注册

Question

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

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-->

jQuery代码：

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

请指导我解决这个困难。

Answer 1

用作，show_register 中缺少$

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