jQuery移动效果 - 如何修复边距

Question

为什么当我使用它时，显示和隐藏的div不会居中。他们摔倒然后回来了。一旦完成，它将居中，但不会在移动时

$(document).ready(function() {
    $('.mid-box2').hide();

    $('.next').click(function() {
       $('.mid-box1').hide("slide", { direction: "left" });
       $('.mid-box2').show("slide", { direction: "right" }, 1000 );

    });
});