Add codepen to accordion

w3c · Dec 15, 2020 · 980d17a · 980d17a
1 parent c87c4c8
commit 980d17a
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/examples/accordion/accordion.html b/examples/accordion/accordion.html
@@ -34,7 +34,9 @@ <h1>Accordion Example</h1>
     be expanded at a time.
   </p>
   <section>
-    <h2 id="ex_label">Example</h2>
+    <div class="example-header">
+      <h2 id="ex_label">Example</h2>
+    </div>
     <div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="Start of"></div>
     <div id="coding-arena">
       <div class="demo-block">
@@ -325,7 +327,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex  Attributes</h2>
 
   <section>
     <h2>Javascript and CSS Source Code</h2>
-    <ul>
+    <ul id="css_js_files">
       <li>CSS: <a href="css/accordion.css" type="tex/css">accordion.css</a></li>
       <li>JavaScript: <a href="js/accordion.js" type="text/javascript">accordion.js</a></li>
     </ul>
@@ -337,7 +339,7 @@ <h2 id="sc1_label">HTML Source Code</h2>
     <pre><code id="sc1"></code></pre>
     <div role="separator" id="sc1_end_sep" aria-labelledby="sc1_end_sep sc1_label" aria-label="End of"></div>
     <script>
-      sourceCode.add('sc1', 'coding-arena');
+      sourceCode.add('sc1', 'coding-arena', 'ex_label', 'css_js_files');
       sourceCode.make();
     </script>
   </section>