Toggle arrow

rust-stuco · Aug 26, 2024 · acc4551 · acc4551
1 parent 7aed54c
commit acc4551
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/assets/js/navbar.js b/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 ▲"
+        }
     });
 });
diff --git a/schedule.njk b/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 %}