title: how to use JQuery "toggle" with parameters?
body: <p>I have a table like this:</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;input type="button" title="Toggle" value="Show" id="btn534534" class="toggle" /&gt;    &lt;/td&gt;
      &lt;td&gt;some data about ID 534534&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr id="row534534" class="hiddenRow"&gt;
      &lt;td colspan="2"&gt;some hidden data about ID 534534 that must show/hide with toggle&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;input type="button" title="Toggle" value="Show" id="btn2423434" class="toggle" /&gt;&lt;/td&gt;
      &lt;td&gt;some data about ID 2423434&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr id="row2423434" class="hiddenRow"&gt;
      &lt;td colspan="2"&gt;some hidden data about ID 2423434that must show/hide with toggle&lt;/td&gt;
    &lt;/tr&gt;
    &lt;!-- many more rows here --&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>There are MANY "sets" of rows like the above.  One row of the table is visible for each "set" of rows.  The second row with class "hiddenRow" is hidden on page load by JQuery like this:</p>
  
  <pre><code>$("tr.hiddenRow").hide();
  </code></pre>
  
  <p>Now I want each button to toggle visibility of the row immediately after it.  Note that the INPUT in the visible row, and the TR of the hidden row share a unique ID.  I want to have the button onclick call a JQuery function and pass the ID so that JQuery knows which row to toggle.</p>
  
  <p>Any ideas?  I can't find any examples of this online.</p>