Why isn't the callback I pass to jQuery's animate() method called?

Question

Hello, I can't call callback after animation ends. Here is my animation function:

function animate( parentElement, callback )
{
        parentElement.animate({
            "height" : "hide", "opacity" : 0.0
        }, { duration : "slow"}, "linear", callback);
}

And here is calling it:

 animate( $(this).parent(), function() { alert('test'); } );

Alert doesn't show, why?

Answer 1

Here's your problem:

    parentElement.animate({
        "height" : "hide", "opacity" : 0.0
    }, { duration : "slow"}, "linear", callback);

That second parameter? It's supposed to be either a string or a number. When you pass in an object, jQuery doesn't know what to do with it. Switch to this:

    parentElement.animate({
        "height" : "hide", "opacity" : 0.0
    }, "slow", "linear", callback);

...and it'll work just fine.