diff --git a/public/billing.php b/public/billing.php
index ebd7f1c..3c1ed5c 100644
--- a/public/billing.php
+++ b/public/billing.php
@@ -185,8 +185,7 @@ function displayCell(int $value): string
 }
 ?>
 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
-<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
-<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
+
 
 <script>
 $(function () {
@@ -363,12 +362,13 @@ class="validate"
 include 'footer.php';
 ?>
 
+
 <script>
 document.addEventListener('DOMContentLoaded', function() {
-    var elems = document.querySelectorAll('.collapsible');
-    M.Collapsible.init(elems);
+    M.Collapsible.init(document.querySelectorAll('.collapsible'));
 });
 
+
 $(document).ready(function() {
     $('.collapsible').collapsible();
     $('select').formSelect();
diff --git a/public/footer.php b/public/footer.php
index a99ea28..5a4456c 100644
--- a/public/footer.php
+++ b/public/footer.php
@@ -3,39 +3,15 @@
     mysqli_close($conn);
 }
 ?>
-  <!--JavaScript at end of body for optimized loading-->
-     <!--  Scripts-->
+<!-- JavaScript at end of body for optimized loading -->
 <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-<script src="js/materialize.js"></script>
-<script>document.addEventListener('DOMContentLoaded', function() {
-    var elems = document.querySelectorAll('select');
-    var instances = M.FormSelect.init(elems, options);
-  });
-
-  // Or with jQuery
-
-  $(document).ready(function(){
-    $('select').formSelect();
-  });
-
-  </script>
-
-  <script>
-  document.addEventListener('DOMContentLoaded', function() {
-    var elems = document.querySelectorAll('.sidenav');
-    var instances = M.Sidenav.init(elems, options);
-  });
-
-  // Or with jQuery
-
-  $(document).ready(function(){
-    $('.sidenav').sidenav();
-  });
-
-  </script>
-
-  <script>
-  $(".dropdown-trigger").dropdown();
-  </script>
-
-<script type="text/javascript" src="js/materialize.min.js"></script>
\ No newline at end of file
+<script src="js/materialize.min.js"></script>
+
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+    M.FormSelect.init(document.querySelectorAll('select'));
+    M.Sidenav.init(document.querySelectorAll('.sidenav'));
+    M.Dropdown.init(document.querySelectorAll('.dropdown-trigger'));
+    M.Collapsible.init(document.querySelectorAll('.collapsible'));
+});
+</script>
\ No newline at end of file
diff --git a/public/header.php b/public/header.php
index 7aeb21d..c5e6d98 100644
--- a/public/header.php
+++ b/public/header.php
@@ -293,17 +293,5 @@
     <li><a href="#"><i class="material-icons left">account_circle</i><?php echo isset($_SESSION['user_id']) ? htmlspecialchars($_SESSION['user_id']) : 'Guest'; ?></a></li>
     <li><a href="kill_session.php"><i class="material-icons left">lock_open</i>Logout</a></li>
   </ul>
-  <script>
-  document.addEventListener('DOMContentLoaded', function() {
-    var elems = document.querySelectorAll('.sidenav');
-    var instances = M.Sidenav.init(elems, options);
-  });
-
-  // Or with jQuery
-
-  $(document).ready(function(){
-    $('.sidenav').sidenav();
-  });
   
-  </script> 
 </div>