Scroll the content at set intervals?
<p>There are two lines as the following:</p>

<pre><code>&lt;div id="test"&gt; test one jquery is a good library.&lt;br/&gt;
test two php is a good language.&lt;/div&gt;
</code></pre>

<p>now i want to scroll them one by one (<strong>the top line hide the bottom line show.vice versa</strong>)and the line shows and hides automatically which time interval is 500  milliseconds . the scroll direction  is from bottom to top.</p>

<p>i don't know how to do.</p>

<p>the following is my code. but  I am totally stucked. i don't know how to write the function.</p>

<pre><code>$(function(){
            $('#test').slideUp('500' function(){
        //how to write
      });
        })​
</code></pre>
