title: Showing/Hiding DOM for only one element
body: <p>I basically have multiple elements like this:</p>
  
  <pre><code>&lt;tr class="class1"&gt;
  ...
  &lt;/tr&gt;
  &lt;tr class="class1"&gt;
  ...
  &lt;/tr&gt;
  &lt;tr class="class1"&gt;
  ...
  &lt;/tr&gt;
  &lt;tr class="class1"&gt;
  ...
  &lt;/tr&gt;
  </code></pre>
  
  <p>etc. I want to request the DOM like this:</p>
  
  <pre><code>dom.query(".class1").live("click", function() {
      if (dom.query("#div1InsideClass1").is(':visible')) {
          dom.query("#div1InsideClass1").hide();
          ...
      } else {
          dom.query("#div1InsideClass1").show();
          ...
      }
  });
  </code></pre>
  
  <p>But the way that this function works is that it does the function for every single instance of the  above, as well as every instance of #div1InsideClass1. Is there a way to detect which particular tr element was clicked on? I heard the .next() function usually helps, but I'm not sure.</p>