title: HTML accordion without js orJQuery
body: <p>I would be needing help in using accordion. I want to create an accordion only using HTML. No javascript of jQuery. I would want to know how to make it work. Any kind of help will be greatly appreciated.</p>
  
  <p>In the below code, by default I want only the table header to be displayed and on click of the checkbox I would want the rows below to be populated. Any pointers as to how this can be done using HTML only.</p>
  
  <pre><code> &lt;table border="1"&gt;
         &lt;tr&gt;
           &lt;th&gt;&lt;input name="checkbox" type="checkbox" id="selectall"/&gt;&lt;/th&gt;
           &lt;th&gt;Multiple Rows &lt;/th&gt;
           &lt;th&gt;Ratings&lt;/th&gt;
         &lt;/tr&gt;
         &lt;tr&gt;
           &lt;td align="center"&gt;&lt;input type="checkbox" class="case" name="case" value="1"/&gt;&lt;/td&gt;
           &lt;td&gt;First Check &lt;/td&gt;
           &lt;td&gt;1&lt;/td&gt;
         &lt;/tr&gt;
         &lt;tr&gt;
           &lt;td align="center"&gt;&lt;input type="checkbox" class="case" name="case" value="2"/&gt;&lt;/td&gt;
           &lt;td&gt;Second Check &lt;/td&gt;
           &lt;td&gt;2&lt;/td&gt;
         &lt;/tr&gt;
         &lt;tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Thanks a lot</p>