update from sparkleup

writing/post-self/qoheleth/index.html

@@ -240,23 +240,28 @@
         </main>
 <style>
 .has-nested:before {
-    content: 'v';
+    content: '▼';
+}
+.has-nested.closed:before {
+    content: '▶';
+}
+.has-nested.closed {
+    max-height: 16pt;
+    overflow: hidden;
 }
-    .has-nested.closed:before {
-        content: '>';
-    }
-    .has-nested.closed {
-        max-height: 16pt;
-        overflow: hidden;
-    }
 </style>
     <script type="text/javascript">
-const els = document.querySelectorAll('li');
-els.forEach(el => {
+document.querySelectorAll('li').forEach(el => {
     if (el.querySelectorAll('li').length !== 0) {
         el.classList.add('has-nested', 'closed');
     }
 });
+document.querySelectorAll('li.has-nested').forEach(el => {
+    el.querySelector(':before').addEventListener('click', () => {
+        el.classList.toggle('closed');
+    });
+});
+
     </script>
     </body>
 </html>