Enhances the mobile header/menu layout (#663)

2018-11-28 12:07:39 +01:00
parent 5eb5d9e711
commit a28f198fe7
7 changed files with 288 additions and 332 deletions
--- a/scripts/bootstrap-3.0.3.custom.js
+++ b/scripts/bootstrap-3.0.3.custom.js
@@ -335,3 +335,23 @@
  })

 }(jQuery);
+
+/**
+ * FSFE custom slide toggle for the mobile menu.
+ */
+$(document).ready(function() {
+    if ($(window).width() < 768) {
+        $('#menu-list').hide();
+    }
+
+    $('#direct-to-menu-list').on('click', function(e) {
+        e.preventDefault();
+        $('#menu-list').stop(true, true).slideToggle();
+    });
+
+    $(window).on('resize', function() {
+        if ($(window).width() >= 768) {
+            $('#menu-list').show();
+        }
+    });
+});