Automatically Cycle through hidden divs
<p>I've got a working version of my code here:
<a href="http://www.jsfiddle.net/brianrhea/5Hqs3/1/" rel="nofollow">http://www.jsfiddle.net/brianrhea/5Hqs3/1/</a></p>

<p>When I hover over a link, it displays a hidden div in another area of the page exactly as I would like it to.</p>

<p>My question is how could I automatically cycle through the hidden divs if the user didn't hover over them, but then would still allow for the "hover" interaction.</p>

<p>Working version at the jsfiddle above, here is the code if you'd prefer.</p>

<pre><code>&lt;a class="sliderLinks" data-id="billing" href="#"&gt;Billing Reminders&lt;/a&gt;&lt;br /&gt;
&lt;a class="sliderLinks" data-id="collections" href="#"&gt;Collections&lt;/a&gt;&lt;br /&gt;
&lt;a class="sliderLinks" data-id="payments" href="#"&gt;Payments&lt;/a&gt;
&lt;br /&gt;&lt;br /&gt;

&lt;div id="defaultMessage"&gt;
Default Lorem ipsum dolor sit amet, consectetur adipiscing elit
&lt;/div&gt;

&lt;div id="textMessages"&gt;

&lt;div class="hidden" id="billing"&gt;
Billing ipsum dolor sit amet, consectetur adipiscing elit. Maecenas id ligula eget purus&lt;/div&gt;

&lt;div class="hidden" id="collections"&gt;
Collections Lorem ipsum dolor sit amet, consectetur adipiscing elit
&lt;/div&gt;

&lt;div class="hidden" id="payments"&gt;
Payments orem ipsum dolor sit amet, consectetur adipiscing elit
&lt;/div&gt;

&lt;/div&gt;
</code></pre>

<p>Javascript</p>

<pre><code> $(document).ready(function(){
         $(".sliderLinks").hover(
              function(){
                  var id = $(this).data("id");
                  if(id!==undefined){
                   $("#" + id).fadeIn(500);
                  }
                  $("#textMessages").fadeIn(500);
                  $("#defaultMessage").hide();

              },function(){
                  $("#textMessages").hide();
                  $(".hidden").hide();
                  $("#defaultMessage").fadeIn(500);  
              });
      });
</code></pre>
