title: JQuery: How to show/hide a series of form labels onde after another
body: <p>I am trying to make a stream of show / hide fields in a form with jQuery.</p>
  
  <p>This is the form:</p>
  
  <pre><code>&lt;form&gt;
      &lt;label for="onde" class="onde"&gt;
          &lt;b&gt;qua qua text&lt;/b&gt;
          &lt;textarea name="onde" id="onde"&gt;&lt;/textarea&gt;
          &lt;a class="next"&gt;Continue&lt;/a&gt;
      &lt;/label&gt;
  
      &lt;label for="tentou"&gt;
          &lt;b&gt;bla bla text&lt;/b&gt;
          &lt;textarea name="tentou" id="tentou"&gt;&lt;/textarea&gt;
          &lt;a class="next"&gt;Continue&lt;/a&gt;
      &lt;/label&gt;
  
      &lt;label for="quase"&gt;
          &lt;b&gt;yada yada text&lt;/b&gt;
          &lt;textarea name="quase" id="quase"&gt;&lt;/textarea&gt;
      &lt;/label&gt;
  
      &lt;input type="submit" id="submit" value="Send"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>So, when I click on a.next, I need to hide the label of which the anchor tag belongs and show the next tag.</p>
  
  <p>The problem here is that actually I don't know the labels names (not even the real number of labels in the form), for they will be dynamically generated.</p>
  
  <p>The last task will be make the submit bottom show when the last label will be visible.</p>
  
  <p>Till now this is what I got:</p>
  
  <pre><code>$('a.next').click(function(event) {
      $(this).fadeIn('slow');
      $(this).css('display','block');
  });
  </code></pre>
  
  <p>But... I can't go any longer...</p>