84ca51e2468430ef920de07f05d33625af212411
max
  Tue May 17 11:36:14 2016 -0700
hiding track density options by default and showing upon click on checkbox, refs #952

diff --git src/hg/lib/hui.c src/hg/lib/hui.c
index a8d8316..dee6965 100644
--- src/hg/lib/hui.c
+++ src/hg/lib/hui.c
@@ -4819,33 +4819,44 @@
 }
 
 void wigOption(struct cart *cart, char *name, char *title, struct trackDb *tdb)
 /* let the user choose to see the track in wiggle mode */
 {
 char *canDoCoverage = cfgOptionEnvDefault("HGDB_CAN_DO_COVERAGE",
                 CanDoCoverageConfVariable, "off");
 if (differentString(canDoCoverage, "on"))
     return;
 
 printf("<BR><BR><B>Display data as a density graph:</B> ");
 char varName[1024];
 safef(varName, sizeof(varName), "%s.doWiggle", name);
 boolean parentLevel = isNameAtParentLevel(tdb,varName);
 boolean option = cartUsualBooleanClosestToHome(cart, tdb, parentLevel,"doWiggle", FALSE);
+
+//char *optVal = "on";
+//if (! option)
+    //optVal = "off";
+//printf("<input type=\"CHECKBOX\" name=\"%s\" value=\"on\">\n", varName)
+
 cgiMakeCheckBox(varName, option);
 printf("<BR>\n");
+printf("<DIV ID=\"densGraphOptions\" STYLE=\"display:none\">\n");
 wigCfgUi(cart,tdb,name,title,TRUE);
+printf("</DIV>\n\n");
+printf("<script>\n");
+printf("   $(\"input[name='%s']\").click( function() { $('#densGraphOptions').toggle();} );\n", varName);
+printf("</script>\n\n");
 }
 
 void wiggleScaleDropDownJavascript(char *name)
 /* print some js that deactivates the min/max range if autoscaling is activated */
 {
 printf("<script type=\"text/javascript\">\n");
 printf("  $(\"[name='%s.autoScale']\").change(function()\n", name);
 printf("  {\n");
 printf("  val= $(this).find(':selected').val(); \n");
 printf("  if (val==\"auto-scale to data view\")\n");
 printf("     {\n");
 printf("     $(\"[name='%s.minY']\")[0].disabled=true;\n", name);
 printf("     $(\"[name='%s.maxY']\")[0].disabled=true;\n", name);
 printf("     $(\".%sAutoScaleDesc\").attr('style', 'color:grey;');\n", name);
 printf("     }\n");