8ff3b1dca5e9e0bb4f8670f5bca2dd9c0e2a4527
braney
  Tue May 7 10:55:47 2019 -0700
use the little blue arrow to hide/unhide the advanced filter controls

diff --git src/hg/js/hui.js src/hg/js/hui.js
index 1aec2d4..48438fb 100644
--- src/hg/js/hui.js
+++ src/hg/js/hui.js
@@ -1346,29 +1346,37 @@
     });
 }
 
 function multiWigSetupOnChange(track) {
     var $overlay = $('select[name="' + track + '.aggregate"]');
     var $winFunc = $('select[name="' + track + '.windowingFunction"]');
     if ($overlay && $winFunc) {
         selectLinkChanges($overlay, $winFunc, {
             'stacked': { 'mean+whiskers': 'mean' }
         });
     } else {
         $("#message").text('$ cant find my selectors for ' + track + '!');
     }
 }
 
-function advancedSearchOnChange(track) {
-        // turn on or off "advanced" controls in filters
-        $(document.getElementsByName(track)[0]).change(function() {
+// toggle the visibility of advanced controls in the filters
+function advancedSearchOnChange(controlName) {
+        $(document.getElementById(controlName)).click(function() {
+            // get the list of advanced controls 
             advancedControls = document.getElementsByClassName('advanced'); 
-            var newStyle = 'display:none'; 
-            if(this.checked) 
+
+            var newStyle; 
+            if ($(advancedControls).css('display') === 'none') {
                 newStyle='display:visible';
+                $(this).find('img').attr('src','../images/upBlue.png');
+            } else {
+                newStyle = 'display:none'; 
+                $(this).find('img').attr('src','../images/downBlue.png');
+            }
+
             for (var control in advancedControls ) 
                 advancedControls[control].style = newStyle;
             }
         );
 }