jquery show only child
<p>I have a problem : I use classes on a div for simplicity, I would like to show a hidden div after a click, but only on that div, the problem is it shows on all divs, and I can't seem to get it working, here is a jsfiddle with the problem : <a href="http://jsfiddle.net/cWNvT/" rel="nofollow">http://jsfiddle.net/cWNvT/</a></p>

<p>HTML:</p>

<pre><code>&lt;div class="left"&gt;
    &lt;a href="#" class="edit-click"&gt;Edit&lt;/a&gt;
    &lt;div class="edit"&gt;
        &lt;p&gt;edit here&lt;/p&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;div class="left"&gt;
    &lt;a href="#" class="edit-click"&gt;Edit&lt;/a&gt;
    &lt;div class="edit"&gt;
        &lt;p&gt;edit here&lt;/p&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;div class="left"&gt;
    &lt;a href="#" class="edit-click"&gt;Edit&lt;/a&gt;
    &lt;div class="edit"&gt;
        &lt;p&gt;edit here&lt;/p&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>JavaScript:</p>

<pre><code>$(document).ready(function() {
    $('.edit').hide();
    $('.left a.edit-click').click(function() {
        $('.left').children().show();
    });
});​
</code></pre>

<p>Anyone have a solution for this ?</p>
