Finding a matching ID using jQuery
<p>I have a group of hidden divs all with the same class but with unique automatically generated IDs.  I also have thumbnails which have the exact same IDs as the hidden divs.</p>

<p>When a thumbnail is clicked it's ID is stored in the variable <code>clickedId</code> like this:</p>

<p><code>
var clickedId = $(this).attr("id");
</code></p>

<p>but what I can't figure out is how to find the hidden div with that particular ID so that it can be shown with that same click.</p>

<p>This is the relevant HTML showing the divs to be unhidden.</p>

<pre><code>&lt;div id="projectHolder"&gt;
   &lt;div class="project-content" id="project-&lt;?php echo $post-&gt;post_name;?&gt;"&gt;                                
   &lt;p&gt;Div content&lt;/p&gt;
   &lt;/div&gt;

   &lt;div class="project-content" id="project-&lt;?php echo $post-&gt;post_name;?&gt;"&gt;                                
   &lt;p&gt;Div content&lt;/p&gt;
   &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I've tried variations on this but they are mainly my guesses:</p>

<pre><code>$('.project-content').find().each(function(){
if ($this.is(clickedId)).fadeIn(); 
});
</code></pre>

<p>Any suggestions to point me in the right direction?</p>
