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

我有一个带有按钮的登录表单，该按钮隐藏了登录表单并显示了注册表单（以及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});
      });
    });

---

你能在jsfiddle.net上发布一些显示你的问题的东西吗？只是好奇：为什么你在某些情况下

设置透明度动画，而在其他情况下使用
fadeIn
？为什么不在任何地方使用
fadeIn（）
和
fadeOut
？
opacity
-动画似乎做了其他（或更少）的事情。你说的“表单输入都不起作用”是什么意思？你能说得更清楚一点吗？能给我们看看你的html代码吗