title: Collapse row on mouse click
body: <p>I found one very good example of Collapsible Content on Internet but it's unfinished.</p>
  
  <pre><code>&lt;div class="container faq_wrapper"&gt;
      &lt;div class="row"&gt;
          &lt;div class="span10 offset1"&gt;
              &lt;p&gt;
                  &amp;nbsp;&lt;/p&gt;
              &lt;div class="faq-all-actions"&gt;
                  &lt;a class="faq-expand" onclick="jQuery('.answer-wrapper').css('display','block');"&gt;Expand All&lt;/a&gt;&amp;nbsp;&amp;nbsp;|&amp;nbsp;&amp;nbsp;&lt;a class="faq-collapse" onclick="jQuery('.answer-wrapper').css('display','none');"&gt;Collapse All&lt;/a&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
          &lt;div class="span10 offset1"&gt;
              &lt;div class="question-wrapper"&gt;
                  &lt;div class="arrow"&gt;
                      &amp;nbsp;&lt;/div&gt;
                  &lt;div class="big-q"&gt;
                      Q&lt;/div&gt;
                  &lt;div class="question"&gt;
                      &lt;h6&gt;Can I try the software before I buy it?&lt;/div&gt;&lt;/h6&gt;
                  &lt;div class="answer-wrapper"&gt;
                      &lt;div class="big-a"&gt;
                          A&lt;/div&gt;
                      &lt;div class="answer"&gt;
                          Yes! Simply &lt;a href="/trial"&gt;download a free trial&lt;/a&gt; and you&amp;#39;ll have instant access to all features for 30 days, absolutely free. We don&amp;#39;t require your credit card details or any commitment.&lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;    
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How I can expand or hide the answer from the example when I click on the row?</p>