为什么jquery animate（）只运行一次，解决方案是什么？

Question

我有一个登录表单，其中包含一个隐藏登录表单的按钮，并显示注册表单（以及签证表）。在我回到表单后（例如，您改变主意登录而不是注册）没有任何表单输入工作或按钮显示其他表单。

我能找到的最好的是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});
      });
    });