jQuery easing javascript position problem

I have posted a code on http://jsfiddle.开发者_StackOverflow社区net/GxpSQ/ with a working code. Click the box and it will shuffle.

Based on hungred.com

I based my code on this example http://hungred.com/wp-content/demo/jQuery-Shuffle-effect/demo.html

The problem

Compare my effect with hungred.com. My effect will "blink" because the box does not go out far enough before it returns.

The box on hungred.com goes out in the open space BEFORE index-z is set. That is what I want as well. What did I miss?

Here's a variant with a custom step function, that sets zIndex in the middle of the animation, when the animated element is in the "out" phase of the easing.

No flicker!

http://jsfiddle.net/Dgfcy/

Just chain up one more animate to existing animate like this