jquery如何控制animation动画暂停与播放

Question

<div class="scan-gold-pic">   <img id="animation-pic" src="imgs/images/gold-4.png" width="100%">   <div class="center-gold-pic"></div> </div>我的需求时；给class="center-gold-pic"加一个点击事件；执行动漫效果使上面图片转动起来；转起来的时候向后台发送请求；这个点击事件可以控制暂停与播放；暂停的时候停止发送请求；播放的时候转动又开始发送请求；请问这个应该怎么写；$(document).ready(function() {$(".center-gold-pic").on("click",function(){     $(this).prev().addClass("animantion");     $.post('ajax.txt', function(data) {        if(data==1){         $(".gold-pic-one").css("opacity",'1');         $(".gold-pic-two").css("opacity",'1');         $(".gold-pic-three").css("opacity",'1');         $(".gold-pic-four").css("opacity",'1');          setTimeout(function(){show();}, 4000);              }else{                 setTimeout(function(){show1();}, 4000)                  };         });     });});这是我自己写的但是没有暂停与播放效果

Answer 1

$(this).prev().addClass("animantion");

改为

$(this).prev().toggleClass("animantion");