title: Creating a Slideshow in JQuery
body: <p>I'm new to JQuery and l want to create a slideshow of images. I downloaded the latest version of jquery.
  Here is my html code </p>
  
  <pre><code>   &lt;!DOCTYPE html&gt;
     &lt;html&gt;
     &lt;head&gt;
  
     &lt;script src="jquery-3.2.1.min.js"&gt;&lt;/script&gt;
     &lt;script src="jq.js"&gt;&lt;/script&gt;
     &lt;link rel="stylesheet" type="text/css" href="stl.css"&gt;
  
  
     &lt;/head&gt;
     &lt;body&gt;
  
     &lt;div id = "slideshow"&gt;
  
      &lt;img src="images/chale-wote.jpg"&gt;
      &lt;img src="images/accranight2.jpg"&gt;
      &lt;img src="images/accra1.jpg"&gt;
      &lt;img src="images/holidayinn.jpg"&gt;
      &lt;img src="images/elmina.jpg"&gt;
  
  
      &lt;/div&gt;
  
  
     &lt;/body&gt;
     &lt;/html&gt;
  </code></pre>
  
  <p>Here is my JQUERY code,l saved it as jq.js</p>
  
  <pre><code>      $("#slideshow &gt; div").hide();    
  
        setInterval(function() { 
        $('#slideshow &gt; div:first')
        .fadeOut(1000)
        .next()
        .fadeIn(1000)
        .end()
        .appendTo('#slideshow');
         },  5000);
  </code></pre>
  
  <p>When l run it doesn't work. Any help is appreciated. Thanks</p>