83dbcadd73270e8b652fb4b5537235ca5727c7fa
hiram
  Mon Dec 8 16:22:38 2025 -0800
fix the toga click code to use a simple local hideToggle class refs #35776

diff --git src/hg/js/hgc.js src/hg/js/hgc.js
index d0227052b8b..1113cb6cf03 100644
--- src/hg/js/hgc.js
+++ src/hg/js/hgc.js
@@ -405,31 +405,30 @@
         bar.setAttribute("height", heightPer);
         bar.setAttribute("fill", data.values[i].color);
 
         let barVal = document.createElementNS(svgNS, "text");
         barVal.setAttribute("x", swatchColWidth + labelWidth + nWidth + thisBarWidth + padding);
         barVal.setAttribute("y", textY);
         barVal.setAttribute("font-size", fontSize);
         barVal.textContent = data.values[i].barValue;
         svg.appendChild(swatch);
         svg.appendChild(label);
         svg.appendChild(bar);
         svg.appendChild(barVal);
     }
 }
 
-
 function initPage() {
     if (typeof doHPRCTable !== "undefined") {
         makeHPRCTable();
     }
     if (typeof svgTable !== "undefined") {
         // redraw the svg with appropriate widths for all columns
         // swatchWidth and columnSpacer are taken from svgBarChart() in hgc/barChartClick.c
         // they should probably be dynamically determined
         drawSvgTable(document.getElementById("svgBarChart"), barChartValues);
     }
     if (typeof _jsonHgcLabels !== "undefined") {
         var obj, o;
         for (obj in _jsonHgcLabels) {
             // build up the new table:
             var newTable = document.createElement("table");
@@ -438,25 +437,36 @@
             var label = _jsonHgcLabels[obj].label;
             var data = _jsonHgcLabels[obj].data;
             var newText = document.createTextNode(label);
             newCell.appendChild(newText);
             newCell = newRow.insertCell();
             newCell.appendChild(dataToTable(label, data));
             // find the last details table and add a new table on:
             var currTbl = $(".bedExtraTbl");
             l = currTbl.length;
             var last = currTbl[l-1];
             insertAfter(newTable, last);
             newTable.classList.add("bedExtraTbl");
             last.parentNode.insertBefore(document.createElement("br"), newTable);
         }
     }
+    document.querySelectorAll('.hideToggle').forEach(function(element) {
+       element.addEventListener('click', function() {
+         var targetId = this.getAttribute('data-target');
+         var targetDiv = document.getElementById(targetId);
+         if (targetDiv.style.display === 'none') {
+             targetDiv.style.display = 'block';
+         } else {
+             targetDiv.style.display = 'none';
+         }
+       });
+    });
 }
 
 // Export a way to call the document.ready() functions after ajax
 var hgc = {initPage: initPage};
 
 // on page load initialize VEP, Population Frequency and Haplotype Tables
 // for gnomAD v3.1.1 track
 $(document).ready(function() {
     initPage();
 });