anchor.diff:  
       <script>
         $(document).ready(function(){
  -        var hostname = window.location.hostname;
  -        var baseUrl = '//' + hostname + '/data';
  +
   
           $('span.work').click(function(){
  -          console.log('hideme');
  +
             var sib = $(this).siblings('div.hideme');
             if ( sib.hasClass("showme") ){
               sib.removeClass('showme');
  
positive.code:     <div ><span class="work alleleDesign">Allele design</span>
        <div class="hideme"> <img src="${baseUrl}/img/alleleDesign.png" />
          <p></p>
          <span id="es">X number KO ES cell lines</span>
          <span id="crispr">X number of KO CRISPR cell lines</span>
        </div>
      </div>
  
negative.code:             sib.addClass('showme');
              if ( $(this).hasClass('alleleDesign') ){
  
                $.ajax({
                  url : baseUrl + "/release.json",
                  //url : "http://dev.mousephenotype.org/data/release.json",
                  timeout : 5000,
                  success: function(response) {
  
  //                  console.log(response.alleles_NCOM + " number KO ES cell lines");
  
                    $('span#es').text("test");
  
                  },
                  error: function(){
                    console.log("ajax error")
                  }
  
                });
              }
            }
  