Clicking a div that opens a corresponding div
<p>I am dynamically creating a div class for a set of divs.  The class corresponds with the class of another set of divs (also dynamically generated).  I gave them the same class so as to be able to click on the div that displays by default and have the corresponding div appear (which is not displayed by default).  The setup would be something like this with divs 'foo' being displayed and 'bar' being hidden</p>

<pre><code>&lt;div id="foo" class="one"&gt;1&lt;/div&gt;
&lt;div id="foo" class="two"&gt;2&lt;/div&gt;
&lt;div id="foo" class="three"&gt;3&lt;/div&gt;

&lt;div id="bar" class="one"&gt;One&lt;/div&gt;
&lt;div id="bar" class="two"&gt;Two&lt;/div&gt;
&lt;div id="bar" class="three"&gt;Three&lt;/div&gt;
</code></pre>

<p>I dont know how to put this in jQuery.  I know it is going to be a click function, I'm just not sure how to grab a class where I'm not sure what the value is.  Any help is really appreciated!</p>
