title: Am I using eq(...) incorrectly? Or what is wrong here?
body: <p>I have a block of HTML like</p>
  
  <pre><code>&lt;tbody&gt;
     &lt;tr id="first-score-row"&gt;
        &lt;td&gt;Steve Ballmer&lt;/td&gt;
        &lt;td&gt;1923&lt;/td&gt;
        &lt;td class="hide-under-480px"&gt;10/11/2015 9:21:39 PM&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr&gt;
        &lt;td colspan="3"&gt;
           &lt;p&gt;&lt;a class="btn btn-primary btn-lg show-fewer-or-more-scores" id="show-more-scores"&gt;Click to See More&lt;/a&gt;&lt;/p&gt;
        &lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="hidden"&gt;
        &lt;td&gt;Michael Jackson&lt;/td&gt;
        &lt;td&gt;300&lt;/td&gt;
        &lt;td class="hide-under-480px"&gt;10/6/2015 2:37:30 PM&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="hidden"&gt;
        &lt;td&gt;Weird Al&lt;/td&gt;
        &lt;td&gt;180&lt;/td&gt;
        &lt;td class="hide-under-480px"&gt;10/10/2015 1:20:38 AM&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="hidden"&gt;
        &lt;td&gt;Obama smokes cigs&lt;/td&gt;
        &lt;td&gt;60&lt;/td&gt;
        &lt;td class="hide-under-480px"&gt;10/5/2015 10:28:37 PM&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="hidden"&gt;
        &lt;td&gt;Donald Trump&lt;/td&gt;
        &lt;td&gt;60&lt;/td&gt;
        &lt;td class="hide-under-480px"&gt;10/5/2015 10:28:02 PM&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="hidden"&gt;
        &lt;td colspan="3"&gt;
           &lt;div class="row"&gt;
              &lt;div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"&gt;
                 &lt;p&gt;&lt;a class="btn btn-primary btn-lg show-fewer-or-more-scores" id="show-fewer-scores" target="_blank"&gt;See Fewer Scores&lt;/a&gt;&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"&gt;
                 &lt;p&gt;&lt;a href="/Scores" class="btn btn-primary btn-lg" target="_blank"&gt;See &lt;u&gt;All&lt;/u&gt; Scores&lt;/a&gt;&lt;/p&gt;
              &lt;/div&gt;
           &lt;/div&gt;
        &lt;/td&gt;
     &lt;/tr&gt;
  &lt;/tbody&gt; 
  </code></pre>
  
  <p>and I'm trying to make an event that reveals or hides all the rows besides the first one (which will always be revealed) in animated fashion, 1/5th of a second between each one being revaled. My attempted event handler is</p>
  
  <pre><code>// click function for the "See More Scores" and "See Fewer Scores" buttons
  $('.show-fewer-or-more-scores').click(function ( )
  {
      var otherRows = $(this).closest('tbody').children('tr:not(#first-score-row)');
      for (var k = 0, n = otherRows.length; k &lt; n; ++k)
      {
          setTimeout(function () {
                      otherRows.eq(k).toggleClass('hidden');
                     }, k * 200 );
      }
  
  });
  </code></pre>
  
  <p>and for some reason it is not working. There are no errors printed to the console, but nothing happens, the class <code>hidden</code> is not toggled. What am I doing wrong here?</p>
  
  <p>Live example <a href="http://playclassicsnake.com/play" rel="nofollow">here</a></p>