jquery - JQuery を使用した自動スクロール Div (Foursquare フィードと同様)

Question

したがって、ページが次のように読み込まれると、JQuery を使用してレコードを呼び出します。

$.ajax(
        {
            type: "POST",
            url: "<%= Url.Action("GetRecords", "Home") %>",
            data: sessioninfo,
            success: function(data){
                // data == the divs
              }
        });

data返される は、任意の数の要素<div>(0 以上) である可能性があります。

私<div id="container">のページにもあります。AJAX 呼び出しの直後に、<div>呼び出しから返された要素のうち 8 つcontainer、または 8 つ未満の場合はできるだけ多く配置したいと考えています。

その後、5秒ごとに（Javascriptで間隔を設定することでこれを行うことができます）、一番下のdivスライドをスライドさせcontainerて次のものを表示し、リストの次のスライドを一番上にスライドさせます（ala Foursquare .com)。表示するものがない場合は、別の AJAX 呼び出しを行ってさらに取得し、さらに利用可能な場合は、同じように下部からポップして上部にポップします。

これが私の主な質問です。

このアニメーションを JQuery で行うにはどうすればよいですか? <div>また、最初に収まらない要素をどこに保存すればよいですか (8 つ以上戻ってきた場合)。さらに呼び出しを行う必要がある場合、これは 2 番目の AJAX 呼び出しから返されたものを格納する場所でもあると思います。

編集：一番下は、完全に収まらない場合に<div>のみスライドする必要があります。そうでない場合は、下にスライドする必要があります。これは、 の要素containerが 8 つ未満の場合に発生します。<div>container

みんなありがとう！