anchor.diff:  <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
   <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
   <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
  -
   <script src='./web_libraries/jquery.min.js' type='text/javascript'></script>
   <script src='./web_libraries/sorttable.js'></script><link rel='stylesheet' href='./web_libraries/bootstrap.min.css'>
   <script src='./web_libraries/DataTables/datatables.js'></script><link rel='stylesheet' href='./web_libraries/DataTables/datatables.css'>
  
positive.code:   </tr>
  <% end %> 
  </table>
  </body>
  </html>
negative.code:       e.preventDefault();
      })
  } );
  
  $(document).on("click", '.show-more a', function(e) {
        e.preventDefault();
        var $this = $(this); 
        var $content = $this.parent().prev("div.content");
        var linkText = $this.text().toUpperCase();    
        if(linkText === "SHOW MORE"){
           linkText = "Show less";
           $content.removeClass('hideContent');
           $content.addClass('showContent');
        } else {
           linkText = "Show more";
           $content.removeClass('showContent');
           $content.addClass('hideContent');
        };
  
        $this.text(linkText);
     });
  
  </script>
  <style>
  #tools {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
     font-size: 18px;
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0;
    border: 1px solid #ddd;
  }
  
  }
  .word_break {
    word-break: break-all;
    width: auto;
  }
  /*.button {
           background-color: #ddd;
           border: none;
           color: white;
  