jquery重置动画

Question

我正在制作具有几种不同效果的幻灯片。这种特殊效果会缩小图像并淡出。但问题是，我需要将图像重置为原始状态，这样当用户单击返回该图像时，它仍然具有“0.2”的不透明度。不管怎样，我可以在完成后重置动画吗？

if (currentEffect == "glimpse") {
 $("#next").click(function() {
   if (currentSlide == 0) {
    $("#slide1").animate({
     width: "0",
     opacity: 0.2,
     borderWidth: "10px"
    }, 1000 );
    $("#slide2").fadeIn(800);
   }
 });
}

Answer 1

.animate() 有一个完成时的回调:http://api.jquery.com/animate/

只需使用它来重置它。

$("#slide1").animate({
     width: "0",
     opacity: 0.2,
     borderWidth: "10px"
    }, 1000, function(){ 
      //reset the image's opacity, width, etc.
    });