Div hide and show Animation javascript

Div hide and show Animation javascript

I ask this question few hours ago, in Here.But i still need little help.
This is the answer, what i got before from Mr. Nicklas. And you can see
belaw his code.
$('.box').click(function () {
var $mid = $('#mid'),
$this = $(this),
$main = $('#main'),
index = $this.index();
$this.fadeOut(1000, function () {
$this.appendTo($main).show();
if (index < $mid.index() + 1) {
$mid.insertAfter($main.children()[$mid.index() + 1])
};
});
});
I like Nicklas answer . But i need little thing change in his code.
Example if you check this one, you can see it move slowly forward . i need
to change Niclass code like this. can help someone?