Template:Tabs: Difference between revisions
Jump to navigation
Jump to search
(Uschuetzenmeister changed the content model of the page Template:Tabs from "wikitext" to "html") Tag: content model change |
No edit summary Tag: Reverted |
||
| 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> | ||
Revision as of 14:38, 28 February 2024
CSS-only Accordion Title
CSS-only Accordion Description
Lorem ipsum dolor sic amet...