title: I would like to create a list that rotates through a slidedown function
body: <p>I know that my code is far from getting where I want to go. What I want to achieve is a list on items, where they cycle through with a slide down animation one after another. I am not sure how to approach this.</p>
  
  <p>html</p>
  
  <pre><code>&lt;div class="message"&gt;
  
                          &lt;ul&gt;
                              &lt;h2&gt;&lt;li class="rotate1"&gt;A better web...&lt;/li&gt;&lt;/h2&gt;
                              &lt;h2&gt;&lt;li class="rotate2"&gt;Built By Spring Method&lt;/li&gt;&lt;/h2&gt;
                              &lt;h2&gt;&lt;li class="rotate3"&gt;Test content&lt;/li&gt;&lt;/h2&gt;
  
                          &lt;/ul&gt;
  
  
                  &lt;/div&gt;
  </code></pre>
  
  <p>js</p>
  
  <pre><code>$(function() { 
  $(".rotate2").hide();
  $(".rotate3").hide();
  
      $(".message ul li").each(function(){
         $(this).slideDown(); 
      });
  });
  </code></pre>