FadeIn() effect stops working after widget has completed a full cycle, using JQuery?
<p>I have a random problem...after this widget rotates a complete/full cycle the fadeIn() effect stops work?</p>

<p>Here is my HTML &amp; CSS</p>

<pre><code>.new-tweet { opacity:0; filter:alpha(opacity=0); }
#in-auction-cycle-content { overflow:hidden; width:275px; height:102px; list-style-type:none; margin-bottom:6px; }

                &lt;ul id="in-auction-cycle-content"&gt;
                 &lt;li&gt;&lt;span class="in-auction-reg"&gt;KH52 YBN&lt;/span&gt; &lt;span class="in-auction-highest-bid"&gt;&amp;pound;1&lt;/span&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;span class="in-auction-reg"&gt;KH52 YBN&lt;/span&gt; &lt;span class="in-auction-highest-bid"&gt;&amp;pound;2&lt;/span&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;span class="in-auction-reg"&gt;KH52 YBN&lt;/span&gt; &lt;span class="in-auction-highest-bid"&gt;&amp;pound;3&lt;/span&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;span class="in-auction-reg"&gt;KH52 YBN&lt;/span&gt; &lt;span class="in-auction-highest-bid"&gt;&amp;pound;4&lt;/span&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;span class="in-auction-reg"&gt;KH52 YBN&lt;/span&gt; &lt;span class="in-auction-highest-bid"&gt;&amp;pound;5&lt;/span&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;span class="in-auction-reg"&gt;KH52 YBN&lt;/span&gt; &lt;span class="in-auction-highest-bid"&gt;&amp;pound;6&lt;/span&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;span class="in-auction-reg"&gt;KH52 YBN&lt;/span&gt; &lt;span class="in-auction-highest-bid"&gt;&amp;pound;7&lt;/span&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;span class="in-auction-reg"&gt;KH52 YBN&lt;/span&gt; &lt;span class="in-auction-highest-bid"&gt;&amp;pound;8&lt;/span&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;span class="in-auction-reg"&gt;KH52 YBN&lt;/span&gt; &lt;span class="in-auction-highest-bid"&gt;&amp;pound;9&lt;/span&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;span class="in-auction-reg"&gt;KH52 YBN&lt;/span&gt; &lt;span class="in-auction-highest-bid"&gt;&amp;pound;10&lt;/span&gt;&lt;/li&gt;
                &lt;/ul&gt;
</code></pre>

<p>Here is my JQuery</p>

<pre><code>$(document).ready(function(){
 function tweet(){
  $("#in-auction-cycle-content li:last").hide().addClass('new-tweet').prependTo("#in-auction-cycle-content").slideDown(300);
  $('.new-tweet').animate({opacity: '1'}, function(){$(this).removeClass('new-tweet')});
 };
 setInterval(tweet,3600);
});
</code></pre>

<p>Any help is greatly appreciated, Thanks</p>
