mootools와 같은 jquery를 사용한 애니메이션 레코드 삭제 예제

Question

mootools를 사용하여 레코드 삭제를 애니메이션하는 방법에 대해 David Walsh님께 서 주위를 둘러 보니 this example을 보았습니다. 나는이 효과를 사용하기 위해 단지 mootools를 프로젝트에 추가하는 것을 싫어한다. 그래서 jquery에 똑같은 효과가 있는가? 이 라인을 따라

Answer 1

뭔가 작업을해야합니다 :

<style> 
    .delete { border:solid 1px; cursor:pointer} 
</style> 

<div class='delete' id='record-0'>1</div> 
<div class='delete' id='record-1'>2</div> 
<div class='delete' id='record-2'>3</div> 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js'></script> 
<script> 
$('.delete').click(function() { 
    $.post("/delete_script", 
     {"delete":$(this).attr('id').replace('record-', '')}, 
     function(){$(this).slideToggle()}) 
    }) 
</script> 

은 참조 : 당신이 http://api.jquery.com/animate/