title: jQuery automatically fade in next html element then loop to restart
body: <p>I have:</p>
  
  <pre><code>&lt;a id="item&lt;?php echo $i; ?&gt;"&gt;...&lt;/a&gt;
  &lt;a id="item&lt;?php echo $i; ?&gt;"&gt;...&lt;/a&gt;
  ...
  </code></pre>
  
  <p>Where $i will be the value of the current iteration starting from 1 and will render something like:</p>
  
  <pre><code>&lt;a id="item1"&gt;...&lt;/a&gt;
  &lt;a id="item2"&gt;...&lt;/a&gt;
  ...
  </code></pre>
  
  <p>What I need is a script to keep visible only the first element, then after a few seconds (lets say 4-5) fade out and fade in the next one. And repeat this cycle until last element.
  Then loop to start it all over again.</p>
  
  <p>No "pause" or next/prev elements needed.</p>
  
  <p>Thank you in advance!</p>