added accordion

src/current/_includes/accordion.html

@@ -0,0 +1,3 @@
+<span class="accordion-toggle" data-target="arm-tbody" style="cursor: pointer;margin-left: 25px;">
+    <span class="accordion-icon" style="position: relative;bottom: 3px;font-size: 14px;margin-bottom: 10px;font-weight: bold">&#8964;</span>
+</span>

src/current/_layouts/default.html

@@ -83,6 +83,7 @@
         </script>
 {% endif %}
     <script src="{{ 'js/tocRightScrollHighlight.js' | relative_url }}" defer></script>
+    <script src="{{ 'js/accordion.js' | relative_url }}" ></script>
 {% include_cached google_tag_manager.html %}
 {% include_cached google_remarketing.html %}
 {% if page.twitter == true %}

src/current/js/accordion.js

@@ -0,0 +1,24 @@
+document.addEventListener("DOMContentLoaded", function() {
+    console.log('JavaScript loaded');
+    const accordionToggles = document.querySelectorAll('.accordion-toggle');
+    console.log('Accordion toggles found:', accordionToggles.length);
+    accordionToggles.forEach(function(accordionToggle) {
+        accordionToggle.addEventListener('click', function() {
+            console.log('Accordion clicked');
+            const targetId = accordionToggle.getAttribute('data-target');
+            console.log('Target ID:', targetId);
+            const tbody = document.getElementById(targetId);
+            if (tbody) {
+                if (tbody.style.display === 'none' || tbody.style.display === '') {
+                    tbody.style.display = 'table-row-group'; // Show <tbody>
+                    console.log('Showing tbody');
+                } else {
+                    tbody.style.display = 'none'; // Hide <tbody>
+                    console.log('Hiding tbody');
+                }
+            } else {
+                console.log('No tbody found with ID:', targetId);
+            }
+        });
+    });
+});

src/current/releases/index.md

@@ -129,11 +129,11 @@ As of 2024, CockroachDB is released under a staged delivery process. New release
             <td>Date</td>
             <td>Intel 64-bit Downloads</td>
             {% if v_linux_arm == true %}
-            <td>ARM 64-bit Downloads</td>
+            <td>ARM 64-bit Downloads{% include accordion.html %}</td>
             {% endif %}
         </tr>
     </thead>
-    <tbody>
+    <tbody id="arm-tbody">
             {% for r in releases %}
                 {% assign current_patch_string = '' %}
                 {% assign current_patch = nil %}