jQuery 트리거 및 리버스. 애니메이터

Question

2 가지를 수행하는 방법을 궁금합니다. 먼저 imgs 및 대화 상자의 애니메이션을 역방향으로 되돌리려면 (jfiddle에서 무엇을 의미하는지 확인하십시오.) 두 번째로 사용자가 클릭하여 리버스 애니메이션을 트리거하는 방법 페이지의 어느 곳에서 흰색 대화 상자 div가 표시되는지 확인하십시오. (jfiddle를 보시려면 jfiddle을 보시고, 왼쪽 상단의 img을 클릭하여 애니메이션을보십시오) 여기는 jsfiddle입니다 : http://jsfiddle.net/hBb9L/7/

모두에게 감사드립니다 !

$("#e").click(function() { 
    //done 
$("#re").animate({ 
    "margin-top": "104px" 
}, 800); 
$("#ret").animate({ 
    "margin-top": "104px" 
}, 800); 
$(".popu").animate({ 
    "margin-top": "-102px" 
}, 800); 
$("#s").show(200); 
}); 

Answer 1

모든 CSS 값을 0px로 설정하십시오!