|
|
| (5 intermediate revisions by the same user not shown) |
| Line 99: |
Line 99: |
| </div> | | </div> |
| </div> | | </div> |
|
| |
| <details class="cdx-accordion">
| |
| <!-- The <summary> element must be the first child, and is required -->
| |
| <summary>
| |
| <!-- <summary> should contain a header; can be any heading level -->
| |
| <h3 class="cdx-accordion__header">
| |
| <!-- If using only a title, no <span> tags are required here;
| |
| however, if you want a title and a description to appear on
| |
| separate lines, you should wrap them in spans as below and
| |
| use the appropriate class names -->
| |
| <span class="cdx-accordion__header__title">
| |
| CSS-only Accordion Title
| |
| </span>
| |
| <span class="cdx-accordion__header__description">
| |
| CSS-only Accordion Description
| |
| </span>
| |
| </h3>
| |
| </summary>
| |
| <!-- The <details> element will treat all other children besides
| |
| <summary> as collapsible content; it is recommended to wrap
| |
| this content in a div with the .cdx-accordion__content class
| |
| to get content which is aligned with the heading above. -->
| |
| <div class="cdx-accordion__content">
| |
| <p>Lorem ipsum dolor sic amet...</p>
| |
| </div>
| |
| </details>
| |
| </html> | | </html> |