javascript - jquery animate() が 1 回しか実行されないのはなぜですか? 解決策は何ですか?

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});
      });
    });