停止两次后，Jquery动画将无法工作

Question

我有点问题。我制作了一个彩色动画但是当我停止它并再次启动时newClass消失了。当我再次停止时newClass1消失，然后app又不会重新开始。我在网上搜索但找不到任何东西。 谢谢你帮助我。

        //Html
           <section class="effect">
           enter code here</section>
           <section class="button">
           <button id="button-start" value="run animasjon">Start animasjon</button>
           <button id="button-stop" value="Stop animasjon">Stop Animasjon</button>
        </section>

             //JS        
             $(document).ready(function(){

        var state = true;

          $("#button-start").click(function colorAnimasjon(){
              $(".effect").addClass("newClass", 1000, "linear", function en(){
          "linear", colorAnimasjon);});         

                     $(".effect").removeClass("newClass", 1000, "linear",function to(){
                       $(".effect").addClass("newClass1", 1000, "linear", function tre(){

                           $(".effect").removeClass("newClass1", 1000 "linear", colorAnimasjon);});                                      


                            $(".effect").removeClass("newClass1", 1000 "linear", colorAnimasjon);});                                                                                                                                        


                  $( "#button-stop").click(function() {
          $( ".effect" ).stop();
            });     
           });
        });
        }); 
      });