anchor.diff:      function tableClick() {
           if (firstTable) {
               $('#systemSelectorTable').selectpicker('deselectAll');
  -            $('#all-table').html("     <div class=\"pre-content\">\n" +
  -                "                        <div class=\"row no-gutters\">\n" +
  -                "                            <div class=\"col-12 my-5\">\n" +
  -                "                                <p class=\"h4 text-center text-justify\"><i class=\"fas fa-atom fa-spin\"></i> A moment please while we gather the data . . . .</p>\n" +
  -                "                            </div>\n" +
  -                "                        </div>\n" +
  -                "                    </div>");
  +            $('#all-table').html(placeholderText);
               $.ajax({
                   url: baseUrl + '/experimentsTableFrag?geneAccession=' + '${gene.mgiAccessionId}',
                   type: 'GET',
  
positive.code:                     <div class="col-sm-10 align-middle text-sm-left">
                          <a target="_blank" class="page-nav-link"
                             href="http://www.informatics.jax.org/marker/${gene.mgiAccessionId}"
                             title="See gene page at JAX" style="font-size: initial; display: inline;">MGI &nbsp;<i
                                  class="fas fa-external-link"></i></a>
                          <a target="_blank" class="page-nav-link"
                             href="http://www.ensembl.org/Mus_musculus/Gene/Summary?g=${gene.mgiAccessionId}"
                             title="Visualise mouse gene with ensembl genome broswer"
                             style="font-size: initial; display: inline;">Ensembl &nbsp;<i
                                  class="fas fa-external-link"></i></a>
                      </div>
                  </div>
                  <div class="row no-gutters justify-content-around mt-3 text-center page-content">
                          <c:if test='${rowsForPhenotypeTable.size() > 0}'>
                              <a href="#phenotypesTab" class="col" onclick="$('#significant-tab').trigger('click')">
                                  <i class="fal fa-file-medical-alt mb-1 text-dark page-nav-link-icon"></i>
                                  <span class="page-nav-link">Significant phenotypes (${rowsForPhenotypeTable.size()})</span>
                              </a>
                          </c:if>
                          <c:if test='${rowsForPhenotypeTable.size() <= 0}'>
                          <span class="col">
                              <i class="fal fa-file-medical-alt mb-1 text-muted page-nav-link-icon"></i>
                              <span class="page-nav-link-muted text-muted">Significant phenotypes (0)</span>
                          </span>
                          </c:if>
                      <c:if test='${measurementsChartNumber > 0}'>
  
                          <a href="#phenotypesTab" class="col" onclick="$('#alldatachart-tab').trigger('click')">
                              <i class="fal fa-chart-scatter mb-1 text-dark page-nav-link-icon"></i>
                              <span class="page-nav-link">Measurements chart (${measurementsChartNumber})</span>
                          </a>
                      </c:if>
                      <c:if test='${measurementsChartNumber <= 0}'>
  
                          <span class="col">
                              <i class="fal fa-chart-scatter mb-1 text-muted page-nav-link-icon"></i>
                              <span class="page-nav-link-muted text-muted">Measurements chart (0)</span>
                          </span>
                      </c:if>
                          <c:if test='${allMeasurementsNumber > 0}'>
  
                              <a href="#phenotypesTab" class="col" onclick="$('#alldatatable-tab').trigger('click')">
                                  <i class="fal fa-ruler-combined mb-1 text-dark page-nav-link-icon"></i>
                                  <span class="page-nav-link">All data table (${allMeasurementsNumber})</span>
                              </a>
                          </c:if>
                          <c:if test='${allMeasurementsNumber <= 0}'>
  
                          <span class="col">
                              <i class="fal fa-ruler-combined mb-1 text-muted page-nav-link-icon"></i>
                              <span class="page-nav-link-muted text-muted">All data table (0)</span>
                          </span>
                          </c:if>
  
                  </div>
  
                  <div class="row no-gutters justify-content-around mt-3 text-center page-content">
  
negative.code:     var firstChart = true;
      var firstTable = true;
      var currentView = 'chart';
      const placeholderText = "<div class=\"pre-content\">\n" +
          "    <div class=\"row no-gutters\">\n" +
          "        <div class=\"col-12 my-5\">\n" +
          "            <p class=\"h4 text-center text-justify\"><i class=\"fas fa-atom fa-spin\"></i> A moment please while we gather the data . . . .</p>\n" +
          "        </div>\n" +
          "    </div>\n" +
          "</div>";
  
      function chartClick() {
          if (firstChart) {
              $('#systemSelectorChart').selectpicker('deselectAll');
              $('#all-chart').html(placeholderText);
              $.ajax({
                  url: baseUrl + '/experimentsChartFrag?geneAccession=' + '${gene.mgiAccessionId}',
                  type: 'GET',
  