jQuery: Make identical div appear
<p>Im in this scenario:
<a href="http://jsfiddle.net/HXGrY/" rel="nofollow">http://jsfiddle.net/HXGrY/</a></p>

<p>I want to be able to click my  with the id #add-cyan, and make the  with the id #todo-cyan appear. And alike with all the other.</p>

<p>Can someone help me with this?</p>

<p>I want these</p>

<pre><code>&lt;img src="img/cyan.png" width="45px" class="hidden" id="todo-cyan"/&gt;
&lt;img src="img/magenta.png" width="45px" class="hidden" id="todo-magenta"/&gt;
&lt;img src="img/yellow.png" width="45px" class="hidden" id="todo-yellow"/&gt;
&lt;img src="img/black.png" width="45px" class="hidden" id="todo-black"/&gt;
</code></pre>

<p>To show/slideDown when a img below them is clicked:</p>

<pre><code>&lt;img src="img/cyan.png" width="60px" height="60px" id="add-cyan"/&gt;
&lt;img src="img/magenta.png" width="60px" id="add-magenta"/&gt;
&lt;img src="img/yellow.png" width="60px" id="add-yellow"/&gt;
&lt;img src="img/black.png" width="60px"  id="add-black"/&gt;
</code></pre>
