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