Jquery animation happening on multiple divs
<p>So I have a structure something like this</p>

<pre><code>&lt;div class="content-block"&gt;
    &lt;div class='hidden'&gt; Hidden Content &lt;/div&gt;
    &lt;div class='click'&gt; Click Me &lt;/div&gt;

    &lt;div class='hidden'&gt; Hidden Content &lt;/div&gt;        
    &lt;div class='click'&gt; Click Me &lt;/div&gt;

&lt;/div&gt;
</code></pre>

<p>I want Jquery to animate the hidden content directly so that it expands the height and width. My jquery is </p>

<pre><code>$(".click").click(function(){ 
    $(".click").prev(".hidden").animate({
        width:100%, 
        height: 500px
    }, 500);
});
</code></pre>

<p>The problem I am having is that this animates all the .hidden divs not just the one directly previous to .click</p>
