how to make the three li content auto show and hide one by one with jquery?
<p>Supposed the html code is:</p>

<pre><code>&lt;div class="scroller"&gt;
          &lt;ul class="header-contact"&gt;
            &lt;li id="header-section1" class="sectionslide"&gt;&lt;p&gt;We offer FREE shipping&lt;/p&gt;&lt;p&gt;on orders of $50 or more!&lt;/p&gt;&lt;/li&gt;
            &lt;li id="header-section2" class="sectionslide"&gt;&lt;p&gt;We ship your orders same day&lt;/p&gt;&lt;p&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;if ordered before 2pm PST.&lt;/p&gt;&lt;/li&gt;
            &lt;li id="header-section3" class="sectionslide"&gt;&lt;p&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Call Us: 1234&lt;/p&gt;&lt;p&gt;Our hours: Mon - Fri 10am-5pm&lt;/p&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;/div&gt;
</code></pre>

<p>i want to make the  li content auto show and hide one by one. i am sorry. i don't know how to set the time duration to make the li content show and hide. which event i should do?</p>
