Sections of the body text of a page may be hidden by default and then opened and closed by the user.
sections.jscollapseAllSections() must be called onload. Create a div element with class "section". The first element of this section should be a header element (h2, h3, etc.). The “twisty” used to open and close the section will be appended to this header element.
<div class="section">
<h2>Section 2</h2>…
</div
Table cells can be hidden and a button used to toggle their visibility.
tables.jshideAllToggledCells() must be called onload. The cell to be toggled should be assigned class="hide". This alone will create a toggle button labeled “Hide” (or “Show”). To make the label clearer, use the headers attribute to refer to the th of that column, and give the th an axis attribute, which will become the label of the toggle button.
<tr> ... <th scope="col" id="table01-col2" axis="total"><tr>…
<tr> ... <td class="hide" headers="table01-col2"> ... <tr>