Column Click Issue
<p>I have two columns...the right column I want to open up and show the contents when either it's header is clicked, or it's corresponding value in the left column is clicked...and toggle off when another value is clicked.  Thanks for the help.</p>

<pre><code>&lt;table&gt;
    &lt;tr&gt;
       &lt;th&gt;1&lt;/th&gt;
       &lt;td&gt;
           &lt;div class="showMeOnClick"&gt;stuff&lt;/div&gt;
       &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
       &lt;th&gt;2&lt;/th&gt;
       &lt;td&gt;
           &lt;div class="showMeOnClick"&gt;different stuff&lt;/div&gt;
       &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
       &lt;th&gt;3&lt;/th&gt;
       &lt;td&gt;
           &lt;div id="showMeOnClick"&gt;stuff&lt;/div&gt;
       &lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;

$('th').each(function() {
    $(this).click(function() {
        $(this).find('td').toggle();
    });
});
</code></pre>
