title: how to show and hide each div one by one with jquery
body: <p><br>
  i wanna create a flash news title.<br>
  but i don't know where is the the problem! :( <br>
  (because im beginner in web designing :D )<br>
  so...</p>
  
  <p>i wanna to create a part of title that show(fadeIn) one title and hide(fadeOut) with delay...<br>and after that show next title... (in a loop without stop)!</p>
  
  <p>plz help me to learn how to and create that...:D
  these are my code that i wrote:</p>
  
  <pre><code>&lt;div id="flashNews"&gt;
      &lt;div class="news"&gt;This is news title 1&lt;/div&gt;
      &lt;div class="news"&gt;This is news title 2&lt;/div&gt;
      &lt;div class="news"&gt;This is news title 3&lt;/div&gt;
      &lt;div class="news"&gt;This is news title 4&lt;/div&gt;
      &lt;div class="news"&gt;This is news title 5&lt;/div&gt;
      &lt;div class="news"&gt;This is news title 6&lt;/div&gt;
      &lt;div class="news"&gt;This is news title 7&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script src="jquery-1.8.0.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          $('.news').each(function(index) {
              $(this).fadeIn('slow').delay(700).fadeOut('slow');
          });
  
      });
  &lt;/script&gt;
  </code></pre>