anchor.diff:  								$(this).text("Hide expression table");
   							}
   						});
  +						
  +						$('#heatmap_link').click(function(){
  +							console.log('heatmap link clicked');
  +							$('#heatmap_toggle_div').toggleClass('hidden');
  +								
  +						});
  +						
   
   //						$('li.showAdultImage').click(function(){
   //							$("#exptabs").tabs({ active: 1 });
  
positive.code: 					};
  					</script>
  					<![endif]-->
  					<script>
  						//new dcc.PhenoHeatMap('procedural', 'phenodcc-heatmap', 'Fam63a', 'MGI:1922257', 6, '//dev.mousephenotype.org/heatmap/rest/heatmap/');
  						new dcc.PhenoHeatMap({
  							/* identifier of <div> node that will host the heatmap */
  							'container': 'phenodcc-heatmap',
  							/* colony identifier (MGI identifier) */
  							'mgiid': '${gene.mgiAccessionId}',
  							/* default usage mode: ontological or procedural */
  							'mode': 'ontological',
  							/* number of phenotype columns to use per section */
  							'ncol': 5,
  							/* heatmap title to use */
  							'title': '${gene.markerSymbol}',
  							'url': {
  								/* the base URL of the heatmap javascript source */
  								'jssrc': '${fn:replace(drupalBaseUrl, "https:", "")}/heatmap/js/',
  								/* the base URL of the heatmap data source */
  								'json': '${fn:replace(drupalBaseUrl, "https:", "")}/heatmap/rest/',
  								/* function that generates target URL for data visualisation */
  								'viz': dcc.heatmapUrlGenerator
  							}
  						});
  					</script>
  				</c:if>
  
  
negative.code: 							<!-- phenotype heatmap -->
  							<c:if test="${phenotypeStarted}">
  
  								<div id="heatmap_toggle_div" class="section hidden">
  									<h2 class="title" id="heatmap">Phenotype heatmap <span
  											class="documentation"><a href='' id='heatmapSection'
  																	 class="fa fa-question-circle pull-right"></a></span>
  