jQuery click function using same classes
<p>I have a dropdown function that I need to work only on the div clicked, not all (I have 14+ of the same classes on the page that need to be displayed when a certain one is clicked) </p>

<p>At the moment my jQuery is as follows.</p>

<pre><code>$('.qacollapsed').hide();
$('.qa').click(function () {
    $('.qacollapsed').slideToggle();
    $(this).toggleClass('active');
});
</code></pre>

<p>Of course, that is toggling all qacollapsed classes when there is 14 on the page (Q&amp;A) </p>

<p>Is there a way for it to only drop down the one that is clicked? </p>

<p>the HTML</p>

<pre><code>&lt;div class="qa"&gt;
&lt;h4 class="question"&gt; &lt;/h4&gt;
&lt;/div&gt;

&lt;div class="qacollapsed"&gt;
&lt;p&gt;  &lt;/p&gt;
&lt;/div&gt;
</code></pre>
