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()有其完成時回調：

只是用它來重置。

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

Answer 2

只需在動畫完成後刪除樣式屬性。

像上述解決方案：

$("#slide1").animate({ 
width: "0", 
opacity: 0.2, 
borderWidth: "10px" 
}, 1000, function(){ 
    $('#slide1').removeAttr('style'); 
});