Help in jQuery

Question

This does not work. I am trying to repeat the animation until red, and then remove the effect, as in the WordPress admin. The item is deleted, but before that it is not animated.

$('.delete-item').live('click', function(){
            $(this).parent().parent().animate({backgroundColor: '#ff0000'}, 'slow').empty().remove();
        });

Answer 1

As I know, you cannot animate the background color , you need a color plugin to do this.

Answer 2

Use a .animate()callback, for example:

$('.delete-item').live('click', function(){
  $(this).parent().parent().animate({backgroundColor: '#ff0000'}, 'slow', function() {
    $(this).empty().remove();
  });
});

The callback will not be executed until the animation is completed, your current method finishes the animation, but only performs one frame before the element is removed from the DOM, this will allow the entire animation to be executed and delete it.