Question

I’m animating an element in jQuery and I need the also animate the margin of another element to follow the height of the animating element while it slides down.

So for example, the slideDown() function starts on element x, and somehow the animate function of the corresponding element knows element x‘s height as it slides down and copies it, animating in unison.

Hopefully I’ve explained it well, let me know if you want more clarity.

Answer 1

You may use step property:

$("#first").animate({ /* properties */ }, {
    step : function() {
        var height = $(this).height();
        $("#second").css("margin-top", height);
    }
});