cleaned the code

ai_models.html

@@ -96,7 +96,7 @@
     //displays the button if the user scrolls 50px at least
     function scrollFunction() {
         if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) { mybutton.style.display = "block";} 
-        else { mybutton.style.display = "none";}
+        else { mybutton.style.display = 'none';}
     }
 
     //reset users position on the page
@@ -106,7 +106,7 @@
     }
 
     function AI_ModelTableCreate(dataSection,id) {
-        tbl = document.getElementById(id.concat("Table"));
+        tbl = document.getElementById(id.concat('Table'));
 
         // equalizes both table's length
         N_row = Math.max(dataModel.seg.length,dataModel.dose.length);
@@ -117,7 +117,7 @@
             // creates a filled row
             if (i < dataSection.length) {
                 // data-href contains the id of the model which is linked to it    (eg: data-href="#x" will transfer the user to the component with id="x")
-                tr.setAttribute("class", "clickable");
+                tr.setAttribute('class', 'clickable');
                 tr.setAttribute('data-href','#'.concat(id.concat(i.toString())))
 
                 for (let j = 0; j < 2; j++) {
@@ -138,7 +138,7 @@
     }
 
     function AI_ModelCardsCreate(dataSection,id) {
-        renderSection = document.getElementById(id.concat("Cards"));
+        renderSection = document.getElementById(id.concat('Cards'));
         
         // defines et sets attribute for each divs containing the modelcard
         for (let i = 0; i < dataSection.length; i++) {
@@ -176,11 +176,11 @@
     }
     
     // triggers 
-    let mybutton = document.getElementById("topBtn");
+    let mybutton = document.getElementById('topBtn');
     window.onscroll = function() {scrollFunction()};
 
-    $(".clickable").click(function(){
-        window.location = $(this).data("href");
+    $('.clickable').click(function(){
+        window.location = $(this).data('href');
     });
 </script>
 </body>