title: jQuery Slideshow wont fade in and out
body: <p>My slider wont fade in since i removed <code>.end()</code> cause that give me some problems in the slideshow but how can i make it fade in and out again. It works in the fiddle i made but not on my site. <a href="http://jsfiddle.net/HUkBp/2/" rel="nofollow">http://jsfiddle.net/HUkBp/2/</a></p>
  
  <p>my code:</p>
  
  <pre><code> &lt;div id="slideshow"&gt;
     &lt;div&gt;
       &lt;img src="imgs/supp1.jpg"&gt;
     &lt;/div&gt;
     &lt;div&gt;
       &lt;img src="imgs/supp2.jpg"&gt;
     &lt;/div&gt;
     &lt;div&gt;
       &lt;img src="imgs/supp3.jpg"&gt;
     &lt;/div&gt;
     &lt;div&gt;
       &lt;img src="imgs/supp4.jpg"&gt;
     &lt;/div&gt;
     &lt;div&gt;
       &lt;img src="imgs/supp5.jpg"&gt;
     &lt;/div&gt;
     &lt;div&gt;
       &lt;img src="imgs/supp6.jpg"&gt;
     &lt;/div&gt;
     &lt;div&gt;
       &lt;img src="imgs/supp8.jpg"&gt;
     &lt;/div&gt;
     &lt;div&gt;
       &lt;img src="imgs/supp9.jpg"&gt;
     &lt;/div&gt;
     &lt;div&gt;
       &lt;img src="imgs/supp10.jpg"&gt;
     &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#slideshow { 
      margin: 50px auto; 
      position: relative;   
  }
  
  #slideshow &gt; div { 
      position: absolute; 
  }
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$("#slideshow &gt; div:gt(0)").hide();
  
  setInterval(function() { 
    $('#slideshow &gt; div:first')
      .fadeOut(1000)
      .next()
      .fadeIn(1000)
      .appendTo('#slideshow');
  },  3000);
  </code></pre>