title: Super Difficult addClass Delay function w/ diff timed intervals
body: <p>Total Novice here. I have some list items. I need to add a class of '.go' to each list item, one at a time, spaced out by pre-determined blocks of time. (each block of time will be different durations). </p>
  
  <p><strong>For instance:</strong> </p>
  
  <ol>
  <li>the script adds a '.go' class to the first (li)</li>
  <li>the '.go' class holds on that (li) for exactly 4.5 seconds. </li>
  <li>once the 4.5 seconds are up, the script removes the '.go' class from the current list item</li>
  <li>the script moves to the next (li) and adds a '.go' class</li>
  <li>the '.go' class holds on this (li) for 1.5 seconds.</li>
  <li>once the 1.5 seconds are up, the script removes the '.go' class from the current list item </li>
  <li>And then the cycle repeats, until it has cycled through all the list items</li>
  </ol>
  
  <p>The script I have been working on does not function. It adds all the classes to the (li)'s instantly. And then they fadeout at different intervals. Rather I need the classes to BE ADDED at different intervals. Here's an example: <a href="http://jsfiddle.net/bM6uY/8/" rel="nofollow">http://jsfiddle.net/bM6uY/8/</a></p>
  
  <pre><code>                         &lt;ul&gt;
                              &lt;li&gt;hello&lt;/li&gt;
                              &lt;li&gt;World!&lt;/li&gt;
                              &lt;li&gt;Foo&lt;/li&gt;
                              &lt;li&gt;Bar&lt;/li&gt;
                           &lt;/ul&gt;
  </code></pre>
  
  <hr>
  
  <pre><code>         $(function() {
             $('ul li:nth-child(1)').addClass("go")
                     .delay(4500)
                     .queue(function() {
                         $(this).removeClass("go");
                         $(this).dequeue();
                     });
  
  
              $('ul li:nth-child(2)').addClass("go")
                     .delay(1500)
                     .queue(function() {
                         $(this).removeClass("go");
                         $(this).dequeue();
                     });    
  
  
               $('ul li:nth-child(3)').addClass("go")
                     .delay(500)
                     .queue(function() {
                         $(this).removeClass("go");
                         $(this).dequeue();
                     });      
  
  
               $('ul li:nth-child(4)').addClass("go")
                     .delay(5000)
                     .queue(function() {
                         $(this).removeClass("go");
                         $(this).dequeue();
                     });                              
              });
  </code></pre>