Mel: Difference between revisions

Revision as of 22:26, 18 February 2024

<button id="button1" class="buttonControl" aria-controls="t1" aria-expanded="false">Show Topic 1</button>

   Topic 1 is all about being Topic 1 and may or may not have anything to do with other topics.

@@ Line 1: / Line 1: @@
-<h3>
+<p class="button">
-  <button data-expandable="section-name">Title of section</button>
+    <button id="button1" class="buttonControl" aria-controls="t1" aria-expanded="false"><span>Show</span> Topic 1</button>
-</h3>
+</p>
-<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>
+<div id="t1" class="topic" role="region" tabindex="-1" >
+    Topic 1 is all about being Topic 1 and may or may not have anything to do with other topics.
+</div>