title: How to show and hide fieldset content on click of the legend
body: <p>I have a html page as below,
  <img src="https://i.stack.imgur.com/JvYF8.jpg" alt="enter image description here" />
  the tags code is :</p>
  <pre><code>&lt;fieldset&gt;
            &lt;legend&gt;Tags&lt;/legend&gt;
            &lt;div&gt;
                &lt;label&gt;
                  &lt;input type=&quot;checkbox&quot; name=&quot;col&quot; value=&quot;summary&quot; checked=&quot;checked&quot; /&gt;
                  Name
                &lt;/label&gt;
                    ......
                     &lt;/div&gt;
          &lt;/fieldset&gt;
  </code></pre>
  <p>But i want to make the page as below:
  <img src="https://i.stack.imgur.com/Ro4O3.jpg" alt="enter image description here" /></p>
  <p>In this screenshot, when i click the Columns, it will be fold and the tags invisible. Any one know how to do this? Add a CSS or JS? Thanks</p>