title: jQuery, :first on the list, but not first at all
body: <p>I have a list generated by foreach:</p>
  
  <pre><code>&lt;div class="rowClass"&gt;
    &lt;div&gt;
      &lt;input class="MagicButton" value="click to show hidden values in row"/&gt;
    &lt;/div&gt;
     &lt;div class="hiddenValues"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Then I use jQuery to make hiddenValues visible:</p>
  
  <pre><code>$(".MagicButton").click(function () {
          $(".hiddenValues:first").slideDown("slow");
  });
  </code></pre>
  
  <p>The problem is, when I use this on any row it happens only in first one. Without ":first" it works on all the rows. What can I do to make it happen only on the row I'm working on?</p>
  
  <p>Edit: Button to be clicked is in another div, so it is still not working.
  Edit2: The solution is:</p>
  
  <pre><code> $(this).parent().parent().find(".HiddenValues").slideDown("slow");
  </code></pre>
  
  <p>Each parent() jumps higher in div's tree to finally search for .hiddenValues inside rowClass.
  Thanks for everything! You made me solve it. </p>