update from sparkleup

default.tpl

@@ -18,5 +18,34 @@
                 <p>Page generated on %date%</p>
             </footer>
         </main>
+    <script type="text/javascript">
+document.querySelectorAll('li').forEach(el => {
+    if (el.querySelectorAll('li').length !== 0) {
+        el.classList.add('has-nested', 'closed');
+        el.innerHTML = `<span class="toggle"></span> ${el.innerHTML}`;
+    }
+});
+document.querySelectorAll('li.has-nested').forEach(el => {
+    el.querySelector('.toggle').addEventListener('click', () => {
+        el.classList.toggle('closed');
+    });
+});
+let expanded = false;
+document.querySelector('.control').addEventListener('click', (e) => {
+    expanded = !expanded;
+    if (expanded) {
+        e.target.innerText = 'Collapse all';
+    } else {
+        e.target.innerText = 'Expand all';
+    }
+    document.querySelectorAll('.has-nested').forEach((el) => {
+        if (expanded) {
+            el.classList.remove('closed');
+        } else {
+            el.classList.add('closed')
+        }
+    });
+});
+    </script>
     </body>
 </html>