mobile menu not working -- disabled

vcm/index.html

@@ -165,7 +165,7 @@
           </div>
           <div class="title-box vcm_copyright_headerTitle"></div>
                     <!-- Drop down menu starts here -->
-                    <div class="dropdown hidden" id="dropdownMain" onclick="dropdownFunk()" style="float: right; right:20px">
+                    <div class="dropdown hidden" id="dropdownMain" style="float: right; right:20px">
                         <i class="fa fa-bars" id="dropdownMenu" style="font-size:1.8rem;color: white !important; margin-top:1rem;"></i>
                             <div class="dropdown-content" id="dropdownContent">
                                     <button class="accordion">Kartenauswahl</button>
@@ -720,7 +720,6 @@
     <script src="lib/vcm-compiled_api.js"></script>
     <script src="sources/nouislider.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
-    <script src="templates/cus_Menu.js"></script>
     <script src="templates/slider.js"></script>
     <script src="templates/UserBalloon.js"></script>
     <script src="templates/ErklIntro.js"></script>
@@ -748,7 +747,7 @@
     
     <script src="templates/custom.js"></script>
     <script src="templates/newDevBahn.js"></script>
-    <script src="templates/cus_Menu.js"></script>
+    <!-- <script src="templates/cus_Menu.js"></script> -->
     <script src="templates/cus_SimStadt.js"></script>
     
     <script src="templates/collapse.js"></script>
@@ -757,6 +756,8 @@
 	<script src="https://code.jquery.com/jquery-3.3.1.min.js"
                   integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
                   crossorigin="anonymous"></script>
+    <!-- <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> -->
+    <script src="templates/cus_Menu.js"></script>
     <script src="templates/story/virtualcitystory.js"></script>
  
   </body>

vcm/templates/cus_Menu.js

@@ -19,22 +19,36 @@ function nordbahnview(){
 
 document.addEventListener('touchstart', function addtouchclass(e){ // first time user touches the screen
   var drop = document.getElementById("dropdownMain")
-    drop.classList.add('can-touch') // add "can-touch" class to document root using classList API
+    drop.classList.add('can-touch')
+    drop.style.display = "none"; // add "can-touch" class to document root using classList API
     document.removeEventListener('touchstart', addtouchclass, false) // de-register touchstart event
 }, false)
 
-var dropD = document.getElementById("dropdownMain")
-var dropC = document.getElementById("dropdownContent")
-
-function dropdownFunk() {
-    if (dropD.className == "can-touch"){
-    if (dropC.style.display == "none" || dropC.style.display == ""){
-      dropC.style.display = "block";
-    } else if (dropC.style.display == "block"){
-      dropC.style.display = "none";
-    }
-   }
-}
+// var dropD = document.getElementById("dropdownMain")
+// var dropM = document.getElementById("dropdownMenu")
+// var dropC = document.getElementById("dropdownContent")
+
+// dropM
+
+
+// function dropdownFunk() {
+//   console.log("test")
+//     if (dropD.className == "can-touch"){
+//     if (dropC.style.display == "none" || dropC.style.display == ""){
+//       dropC.style.display = "block";
+//     } else if (dropC.style.display == "block"){
+//       dropC.style.display = "none";
+//     }
+//    }
+// };
+
+
+
+//     $('#dropdownMain').on('touchstart click', function() {
+//       console.log('test')
+//       dropdownFunk();
+//     });
+
 // dropD.onclick = function(){
 //   if (dropD.className == "can-touch"){
 //     if (dropC.style.display === "none"){