1 | 1 |
new file mode 100644 |
... | ... |
@@ -0,0 +1,35 @@ |
1 |
+(function() { |
|
2 |
+ |
|
3 |
+ var toggle = document.querySelector("#hamburger"); |
|
4 |
+ // var close = document.querySelector("#nav .close"); |
|
5 |
+ toggleHandler(toggle); |
|
6 |
+ // toggleHandler(close); |
|
7 |
+ |
|
8 |
+ document.addEventListener('keydown', (event) => { |
|
9 |
+ var name = event.key; |
|
10 |
+ if (name.toLowerCase() === 'm' |
|
11 |
+ && event.target.nodeName.toLowerCase() !== 'input' |
|
12 |
+ && event.target.nodeName.toLowerCase() !== 'textarea') { |
|
13 |
+ toggle.click(); |
|
14 |
+ } |
|
15 |
+ }, false); |
|
16 |
+ |
|
17 |
+ function toggleHandler(toggle) { |
|
18 |
+ |
|
19 |
+ toggle.addEventListener( "click", function(e) { |
|
20 |
+ e.preventDefault(); |
|
21 |
+ |
|
22 |
+ ($('body').hasClass("-mobile-menu-active") === true) ? $('body').removeClass("-mobile-menu-active") : $('body').addClass("-mobile-menu-active"); |
|
23 |
+ |
|
24 |
+ if ( $('body').hasClass("-mobile-menu-active") === true ) { |
|
25 |
+ toggle.setAttribute('aria-expanded','true'); |
|
26 |
+ document.getElementById("buttonname").textContent="Navigation verbergen"; |
|
27 |
+ } else { |
|
28 |
+ toggle.removeAttribute('aria-expanded'); |
|
29 |
+ document.getElementById("buttonname").textContent="Navigation zeigen"; |
|
30 |
+ } |
|
31 |
+ |
|
32 |
+ }); |
|
33 |
+ } |
|
34 |
+ |
|
35 |
+})(); |