logic for displaying grouped lab cards

assets/js/box_hider.js

@@ -23,13 +23,17 @@ window.boxHider = (function() {
 
     function GetSelectedBoxElement(id) {
         var allBoxesArray = GetAllBoxElementsArray();
-        var element = document.getElementById(id);
+        // note: handbook and lab are actually grouped sections
+        if (id.startsWith('handbook') || id.startsWith('lab')) {
+            return true;
+        } else {
+            var element = document.getElementById(id);
 
-        if (allBoxesArray.includes(element)) {
-            return element;
+            if (allBoxesArray.includes(element)) {
+                return element;
+            }
+            return false;
         }
-
-        return false;
     }
 
     function HideElement(element) {
@@ -84,6 +88,14 @@ window.boxHider = (function() {
                     ShowElement(box);
                 }
             });
+        } else if (boxId.startsWith('lab')) {
+            allBoxes.map(function(box) {
+                if (!box.id.startsWith('lab')) {
+                    HideElement(box);
+                } else {
+                    ShowElement(box);
+                }
+            });
         } else {
             allBoxes.map(function(box) {
                 if (box != selectedBox) {