|
|
| Line 1: |
Line 1: |
| <html> | | <h3> |
| <main>
| | <button data-expandable="section-name">Title of section</button> |
| <h2> | | </h3> |
| <button aria-expanded="false">
| | <p id="section-name">Section content tincidunt turpis nec ultrices tristique. Aliquam bibendum metus dignissim dui placerat, sed porta urna blandit. Ut condimentum magna sit amet nulla finibus vestibulum. Maecenas maximus leo sed neque ornare, eu semper urna aliquam. Nam luctus enim eros, vel lacinia dolor tincidunt ut. Aenean laoreet pretium blandit.</p> |
| Section 1
| |
| <svg aria-hidden="true" focusable="false" viewBox="0 0 10 10">
| |
| <rect class="vert" height="8" width="2" y="1" x="4"/>
| |
| <rect height="2" width="8" y="4" x="1"/>
| |
| </svg>
| |
| </button>
| |
| </h2>
| |
| <div hidden>
| |
| <p >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo purus quis mi cursus hendrerit eu eu metus. Aliquam aliquam arcu eget aliquet scelerisque. Pellentesque sodales turpis vitae venenatis vehicula. Ut id porta velit. Ut eu dignissim dui, quis gravida est. Cras quis venenatis mauris, a bibendum enim. Sed at augue libero. Nullam tortor metus, tincidunt ut urna id, posuere placerat orci. Ut quis risus dictum risus facilisis imperdiet quis sed eros.</p> | |
| </div>
| |
| <h2>
| |
| <button aria-expanded="false">
| |
| Section 2
| |
| <svg aria-hidden="true" focusable="false" viewBox="0 0 10 10">
| |
| <rect class="vert" height="8" width="2" y="1" x="4"/>
| |
| <rect height="2" width="8" y="4" x="1"/>
| |
| </svg>
| |
| </button>
| |
| </h2>
| |
| <div class="hidden">
| |
| <p>Nullam tortor metus, tincidunt ut urna id, posuere placerat orci. Ut quis risus dictum risus facilisis imperdiet quis sed eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo purus quis mi cursus hendrerit eu eu metus. Aliquam aliquam arcu eget aliquet scelerisque. Pellentesque sodales turpis vitae venenatis vehicula. Ut id porta velit. Ut eu dignissim dui, quis gravida est. Cras quis venenatis mauris, a bibendum enim. Sed at augue libero.</p>
| |
| </div>
| |
| </main>
| |
| </html>
| |
Revision as of 22:25, 18 February 2024
<button data-expandable="section-name">Title of section</button>
Section content tincidunt turpis nec ultrices tristique. Aliquam bibendum metus dignissim dui placerat, sed porta urna blandit. Ut condimentum magna sit amet nulla finibus vestibulum. Maecenas maximus leo sed neque ornare, eu semper urna aliquam. Nam luctus enim eros, vel lacinia dolor tincidunt ut. Aenean laoreet pretium blandit.
