title: Cycle Through Divs
body: <p>I need to cycle through some divs using jQuery. What I mean by cycle is that I have a series of 7 divs:</p>
  
  <pre><code>&lt;div id="content-1"&gt;Sample text&lt;/div&gt;
  &lt;div id="content-2"&gt;Sample text&lt;/div&gt;
  &lt;div id="content-3"&gt;Sample text&lt;/div&gt;
  &lt;div id="content-4"&gt;Sample text&lt;/div&gt;
  &lt;div id="content-5"&gt;Sample text&lt;/div&gt;
  &lt;div id="content-6"&gt;Sample text&lt;/div&gt;
  &lt;div id="content-7"&gt;Sample text&lt;/div&gt;
  </code></pre>
  
  <p>What I need to happen is every 5 seconds I need them to change. So the div "Content-1" would show for 5 seconds and then the div "Content 2" would show for 5 seconds etc. </p>
  
  <p>I feel like this is easy to do but I'm an idiot when it comes to JavaScript and jQuery.</p>