javascript - 为什么jquery animate() 只运行一次，解决办法是什么？

Question

我有一个带有按钮的登录表单，该按钮隐藏登录表单并显示注册表单（和 Visa-vera）。在我回到表单后（例如，您改变主意登录而不是注册）没有任何表单输入工作或显示其他表单的按钮。

我能找到的最好的结果是 DOM 没有使用新元素进行更新。这是代码：

    $(document).ready(function(){
      $('.or-signup').on('click', function(){
        $('.login-form').animate({opacity:0})
        $('.signup-form').fadeIn()
        $('.form-container').animate({height:'315px'}, 500);
      });
      $('.or-login').on('click', function(){
        $('.login-form').animate({opacity:1})
        $('.form-container').animate({height:'265px'}, 500)
        $('.signup-form').animate({opacity:0});
      });
    });