javascript - 左から div をアニメーション化する方法と、次の div が上でアニメーション化する方法

Question

私はjavascriptが初めてです.:)そして、左から最初のdivをアニメーション化したいのですが、次のアニメーションは上でアニメーション化されます。これにどのように取り組むべきですか;

myhtml:

<div id="small-img1">
        <div id="slideimg">
            <div><img src="images/resize_1346910724.jpg" /></div>
            <div><img src="images/resize_1347348425.gif" /></div>
            <div><img src="images/resize_1347354705.png" /></div>
            <div><img src="images/resize_1347403947.jpg"/></div>
        </div>
</div>

myjs スクリプト

setInterval(function() {
  $('#slideimg > div:first').animate({left:"-62px"},500).appendTo('#small-img1');
},  4000);