examples: convert navlist to use details elements

oakmac · Oct 4, 2022 · b030f0b · b030f0b
1 parent d70c795
commit b030f0b
Show file tree

Hide file tree

Showing 3 changed files with 263 additions and 37 deletions.
diff --git a/Gulpfile.js b/Gulpfile.js
@@ -128,13 +128,13 @@ async function buildWebsite() {
       header: mustache.render(headerTemplate, { examplesActive: true, version }),
       nav: groups.reduce((html, group, i) => {
         const groupNum = i + 1;
-        html += `<h4 id="groupHeader-${groupNum}">${group}</h4><ul id="groupContainer-${groupNum}" style="display:none">`;
+        html += `<details id="groupHeader-${groupNum}"><summary>${group}</summary><ul id="groupContainer-${groupNum}">`;
 
         for (const example of examplesByGroup[group]) {
           html += `<li id="exampleLink-${example.id}">${example.name}</id>`;
         }
 
-        return (html += '</ul>');
+        return (html += '</ul></details>');
       }, ''),
       version
     })),