title: Answers collapsed under the questions on the FAQs page
body: <p>I have a FAQs page (pure HTML). The questions have css class .pageSubtitle and the answers  have two classes: .p1 and .p2. The example is:</p>
  
  <pre><code>&lt;p class="pageSubtitle"&gt;Which Award should I apply for?&lt;/p&gt;
  &lt;p class="p1"&gt;Centers that wish to be recognized for adhering to Guidelines and their Quality Programs and their Processes should apply for &lt;span style="font-weight: bold;"&gt;The Center of Excellence in Life Support Award.&lt;/span&gt; 
  These programs must meet or exceed criteria in the following categories:
  &lt;/p&gt;
  
  &lt;p class="p2"&gt;o Systems Focus&lt;/p&gt;
  &lt;p class="p2"&gt;o Environmental Focus&lt;/p&gt;
  &lt;p class="p2"&gt;o Workforce Focus&lt;/p&gt;
  &lt;p class="p2"&gt;o Knowledge Management&lt;/p&gt;
  &lt;p class="p2"&gt;o Quality Focus&lt;/p&gt;
  &lt;p class="p2"&gt;o Process Optimization&lt;/p&gt;
  &lt;p class="p2"&gt;o Family Focus&lt;/p&gt;
  </code></pre>
  
  <p>On this FAQ page, the users want to have the answers collapsed under the questions and when you click on a question the answer appears under it. How can I do that? Thank you in advance for any help.</p>