Refactored mobile-menu.js

- Stopped using jQuery
- Moved refactored code to `djangoproject.js`

Author: adamzap

djangoproject/static/js/djangoproject.js

@@ -56,3 +56,11 @@ document.querySelectorAll('.console-block label').forEach(function (el) {
     observer.observe(el);
   });
 })();
+
+// Toggle mobile menu on button click
+document.querySelector('.menu-button').addEventListener('click', function () {
+  const menu_el = document.querySelector('#top [role="navigation"]');
+
+  this.classList.toggle('active');
+  menu_el.classList.toggle('active');
+});

djangoproject/static/js/main.js

@@ -1,8 +1,6 @@
 // Require.js Module Loader - http://requirejs.org
 define(function () {
-  var mods = [
-    'mod/mobile-menu', // require mobile menu automatically
-  ];
+  var mods = [];
 
   //detect Class function
   function hasClass(className) {

djangoproject/static/js/mod/mobile-menu.js

@@ -137,7 +137,6 @@
           "jquery.flot": extless("{% static 'js/lib/jquery.flot.min.js' %}"),
           "mod/floating-warning": extless("{% static 'js/mod/floating-warning.js' %}"),
           "mod/list-collapsing": extless("{% static 'js/mod/list-collapsing.js' %}"),
-          "mod/mobile-menu": extless("{% static 'js/mod/mobile-menu.js' %}"),
           "mod/search-key": extless("{% static 'js/mod/search-key.js' %}"),
           "mod/stripe-change-card": extless("{% static 'js/mod/stripe-change-card.js' %}"),
           "mod/switch-dark-mode": extless("{% static 'js/mod/switch-dark-mode.js' %}"),