anchor.diff:  
       <div class="row align-row-to-bottom">
           <div class="small-6 small-centered columns margin-top-large">
  -            <a id="viewAllLink" href='${pageContext.request.contextPath}/experiments' class="button float-center">View all species</a>
  +            <a id="viewAllLink" href="${pageContext.request.contextPath}/experiments" class="button float-center">View all species</a>
           </div>
       </div>
   </div>
  
positive.code:             }
          });
  
          expressionAtlasBrowseBySpecies.render({
              atlasUrl: "${pageContext.request.contextPath}/",
              speciesInfoList: ${speciesList},
              container: document.getElementById('by-species')
          });
          expressionAtlasBrowseBySpecies.render({
              atlasUrl: "${pageContext.request.contextPath}/",
              speciesInfoList : ${animalsList},
              container: document.getElementById('by-animals')
          });
          expressionAtlasBrowseBySpecies.render({
              atlasUrl: "${pageContext.request.contextPath}/",
              speciesInfoList : ${plantsList},
              container: document.getElementById('by-plants')
          });
          expressionAtlasBrowseBySpecies.render({
              atlasUrl: "${pageContext.request.contextPath}/",
              speciesInfoList : ${fungiList},
              container: document.getElementById('by-fungi')
          });
      });
  </script>
negative.code: <script defer src="${pageContext.request.contextPath}/resources/js-bundles/expressionAtlasBrowseBySpecies.bundle.js"></script>
  
  <script>
      document.addEventListener('DOMContentLoaded', function(event) {
          var $viewAllLink = $('#viewAllLink');
          $('#browse-by-tabs').on('change.zf.tabs', function() {
              switch ($('#browse-by-tabs .tabs-title.is-active').text()) {
  