Merge pull request #3018 from v-hclaveria/menus_overlap

Adding script to handle menus
catchpoint · Dec 22, 2023 · 95ea967 · 95ea967
2 parents 8a58437 + 68d3923
commit 95ea967
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/www/video/compare.php b/www/video/compare.php
@@ -446,7 +446,7 @@
                             } else {
                                 echo '<h2>Experiment Results</h2>';
                                 echo '<div class="experiment_meta">';
-                                echo '<div class="experiment_meta_included">';
+                                echo '<div class="experiment_meta_included" id="experimentsAppliedSection">';
                                 echo '<p>Experiments Applied:</p>';
                                 echo '<ul>';
                                 include __DIR__ . '/../experiments/list_applied.inc';
@@ -1452,6 +1452,17 @@ function drawCharts() {
             ?>
         }
     </script>
+    <script>
+        const experimentsAppliedContainer = document.querySelector("#experimentsAppliedSection");
+        const experimentsAppliedDetails = experimentsAppliedContainer.querySelectorAll('details');
+        Array.from(experimentsAppliedDetails).forEach((targetDetail) => {
+	        targetDetail.addEventListener("click", () => {
+	        experimentsAppliedDetails.forEach((detail) => {
+		        if (detail !== targetDetail) { detail.removeAttribute("open"); }
+	        });
+	        });
+        });
+    </script>
     <?php
     if ($stickyFilmstrip) {
         ?>