Jquery hide class show individual div
<p>I have a list of divs that are dynamically generated and looks like the following</p>

<pre><code>&lt;div class="Foo"&gt;
  &lt;div class ="Bar" id ="Something{X}"&gt;  // Where {X} is a counter i.e "Something1" , "Something2"
  &lt;p&gt;some stuff&lt;/p&gt;
  &lt;form&gt;
    &lt;input /&gt;
  &lt;/form&gt;
&lt;/div&gt;
</code></pre>

<p>Now after I dynamically generate all my div's of class foo I do the following</p>

<pre><code>$('.Foo').hide();
</code></pre>

<p>Which obviously hides all the div's like I'd expect.  However, what I'd like is the ability to click on a link above the div that allows you to unhide that individual div.</p>

<p>Now normally for a class I know I'd just go $('.Foo').show();  and they would ALL show.</p>

<p>However, doing the following does not work.</p>

<pre><code>$("#Something1").show(); 
</code></pre>

<p>Is this something that is allowed by jQuery to hide everything and then show individual items?  Or am I going about this wrong?</p>
