Accordion

by Drath

HTML

<details>
    <summary>Heading #1</summary>
    <nav>
        <a href="#">Link A</a>
        <a href="#">Link B</a>
        <a href="#">Link C</a>
    </nav>
</details>

CSS

nav a {
    display: block;
}

summary {
    cursor: pointer;
}

summary::-webkit-details-marker {
    display: none;
}