Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!-- Accordion button --> <button aria-expanded="false" aria-controls="panel"> Section Title </button> <div id="panel" hidden>Panel content</div> <script> btn.addEventListener("click", () => { const expanded = btn.getAttribute("aria-expanded") === "true"; btn.setAttribute("aria-expanded", !expanded); panel.hidden = expanded; }); </script> <!-- Live region for dynamic content --> <div aria-live="polite" id="status"></div> <script> document.getElementById("status").textContent = "Form saved!"; </script>
Result
Open