jQuery select next closest class
<p>I have a simple list of FAQ's </p>

<pre><code>&lt;div class='qcontainer'&gt;
    &lt;p&gt;Q:&lt;/p&gt;
    &lt;div class='question'&gt;Question&lt;/div&gt;
&lt;/div&gt;
&lt;div class='acontainer'&gt;
    &lt;p&gt;A:&lt;/p&gt;
    &lt;div class='answer'&gt;&lt;p&gt;Answer&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class='qcontainer'&gt;
    &lt;p&gt;Q:&lt;/p&gt;
    &lt;div class='question'&gt;Question&lt;/div&gt;
&lt;/div&gt;
&lt;div class='acontainer'&gt;
    &lt;p&gt;A:&lt;/p&gt;
    &lt;div class='answer'&gt;&lt;p&gt;Answer&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>All I am trying to do is a toggle the visable state of the next answerr when the question is clicked. </p>

<p>So far I have got  </p>

<pre><code>   $('.qcontainer').bind("click", function (e) {
        $('.qcontainer').next('.acontainer').toggle(400);
    });
</code></pre>

<p>But this toggles all the items, what i want to do is just target teh answer for the clicked  question. so the next item in the list from the clicked object. </p>
