title: Adding/Removing Active Class Onclick
body: <p>I'm trying to add an "active" class to the h3 with jQuery once the heading has been clicked and have it be removed when another h3 is clicked. I've tried a many examples here on stackoverflow but cannot get the class to add.</p>
  
  <p>Here is an example of my code:</p>
  
  <pre><code>&lt;div id="qa-faq0" class="qa-faq cf"&gt;
  &lt;h3 class="qa-faq-title"&gt;&lt;a class="qa-faq-anchor" href="#"&gt;Frequently Asked Question #1&lt;/a&gt;&lt;/h3&gt;
  
  &lt;div class="qa-faq-answer" style="display: none;"&gt;&lt;p&gt;Frequently Asked Question #1 Content Goes Here&lt;/p&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks in advance!</p>