Удаление анимированных записей с помощью jquery, как пример mootools

Question

Я читал вокруг и видел этот пример от Дэвида Уолша о том, как анимировать удаление записей с помощью mootools. Я бы не хотел добавлять 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/