title: Fadein/out texts with jQuery
body: <p>Is there a way to fadein and out texts with jQuery as bellow:</p>
  
  <ol>
  <li>all texts are hidden by default</li>
  <li>on pageload wait 1s,then fadein the first text (duration 500ms)</li>
  <li>wait 500ms</li>
  <li>fadeout the text (duration 500ms)</li>
  <li>wait 1s</li>
  <li>repeat</li>
  <li>the fadein/out cycle must be an infinite loop</li>
  <li>the number of text is dynamic (can be 2 or 39)</li>
  </ol>
  
  <p>The HTML:</p>
  
  <pre><code>&lt;div id="texts"&gt;
     &lt;span&gt;Text 1&lt;/span&gt;
     &lt;span&gt;Text 2&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>