jQuery: Why doesn't this animate step function work?

Question

I'm using a method as suggested in this Stackoverflow Question, to recreate the jQuery slideDown function using animate, so that I can use the step property.

However, I can't get the step property to work. Here is my code:

    infoClone.animate({
        "height": "show",
        "marginTop": "show",
        "marginBottom": "show",
        "paddingTop": "show",
        "paddingBottom": "show",

        step : function() {
            console.log('Step!');
        }
    });

Yograj Gupta · Answer 1 · 2012-09-21T11:25:59.997

5

You should change it to

infoClone.animate({
    "height": "show",
    "marginTop": "show",
    "marginBottom": "show",
    "paddingTop": "show",
    "paddingBottom": "show"
    }, {
    step : function() {
        console.log('Step!');
    }
});

edited Sep 21 '12 at 11:25

answered Sep 21 '12 at 11:17

Yograj Gupta

9,811
3
29
48

score 2 · Accepted Answer · answered Sep 21 '12 at 11:18

2

try this:

infoClone.animate({
        "height": "show",
        "marginTop": "show",
        "marginBottom": "show",
        "paddingTop": "show",
        "paddingBottom": "show"
},
{
  step : function() {
            console.log('Step!');
        }
});

answered Sep 21 '12 at 11:18

Alessandro Minoccheri

35,521
22
122
171

I used this answer as the other one had a mistake in it, it was missing a `{` before the `step`. – shrewdbeans Sep 21 '12 at 11:23
Perfect..! this works fine for me! Accept this answer if you have solved your problem – Alessandro Minoccheri Sep 21 '12 at 11:28

jQuery: Why doesn't this animate step function work?

2 Answers2