title: Simple jQuery script required to create show/hide continuous loop
body: <p><br>
  I have to the best of my knowledge researched the questions on this forum, but not quite got the answer.<br>
  I am a newbie in terms of jQuery.<br>
  I  have got this div</p>
  
  <pre><code>&lt;div id="main"&gt;
      &lt;div id="1" class="trip"&gt;Item1&lt;/div&gt;
      &lt;div id="2" class="trip"&gt;Item2&lt;/div&gt;
      &lt;div id="3" class="trip"&gt;Item3&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And I want to fade in each div in turn, then hide and fade in the next div.<br>
  I want this to do a continuous loop through the divs until the visitor leaves the page.<br>
  I need step by step help to achieve this.<br>
  I am new on stackoverflow, but I learn fast so bear with me :)<br>
  <br>
  Any help is much appreciated.<br>
  //Ot_Gu</p>