title: Making a jQuery Text Slider
body: <p>So basically I have multiple div classes called quote that contains a text and a blockquote. How can I make it so it <strong>fades</strong> to the next quote class every 5 seconds?</p>
  
  <p>Here's what the markup looks like:</p>
  
  <pre><code>&lt;div id="quoteWrapper"&gt;
  &lt;div class="quote"&gt;
  
      &lt;blockquote&gt;Quote goes here&lt;/blockquote&gt;
  
      &lt;p class="quoteBy"&gt;Author&lt;/p&gt;
  
  &lt;/div&gt;
  
  &lt;div class="quote"&gt;
  
      &lt;blockquote&gt;Second Quote goes here&lt;/blockquote&gt;
  
      &lt;p class="quoteBy"&gt;Author&lt;/p&gt;
  
  &lt;/div&gt;
  
  &lt;div class="quote"&gt;
  
      &lt;blockquote&gt;Third Quote goes here&lt;/blockquote&gt;
  
      &lt;p class="quoteBy"&gt;Author&lt;/p&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>