Toggle arrow

Author: jurplel

assets/js/navbar.js

@@ -104,10 +104,12 @@ document.querySelectorAll('a[id^="toggleButton"]').forEach(button => {
     const idNumber = button.id.replace('toggleButton', '');
     const correspondingDiv = document.getElementById(`toggleDiv${idNumber}`);
 
-    console.log("adding listener")
-
     button.addEventListener('click', () => {
-        console.log("ping ")
         correspondingDiv.classList.toggle('hidden');
+        if (button.textContent.includes("▲")) {
+            button.textContent = "Details ▼"
+        } else {
+            button.textContent = "Details ▲"
+        }
     });
 });

schedule.njk

@@ -21,7 +21,7 @@ eleventyNavigation:
         <tr>
             <td>
                 <h2 class="mt-0 mb-2 italic font-bold">{{ entry.title }}</h2>
-                <a href="#/" id="toggleButton{{loop.index}}">Details &#x25BC;</a>
+                <a href="#/" id="toggleButton{{loop.index}}">Details ▼</a>
                 <ul id="toggleDiv{{loop.index}}" class="hidden">
                     {% if entry.details_released %}
                         {% for topic in entry.agenda %}