https://mumme-personal.de/files/js/dropdown.js

1/* DESKTOP NAVIGATION */
2
3$('#header .container .mod_navigation--main').each(function(){
4	
5    var self = $(this);
6	var latency = 100;
7	
8    self.find("li.submenu").each(function(){
9		
10		var link = $(this);
11		var level2 = link.find(".level_2");
12		var timeout = -1;
13		
14		link.mouseenter(function(){
15			
16			if (timeout != -1) {
17				window.clearTimeout(timeout);
18			}
19			
20			timeout = window.setTimeout(function(){
21				level2.slideDown(latency);
22				timeout = -1;
23			}, latency);
24
25		}).mouseleave(function() {
26			
27			if (timeout != -1) {
28				window.clearTimeout(timeout);
29			}
30			
31			timeout = window.setTimeout(function(){
32				level2.slideUp(latency);
33				timeout = -1;
34			}, latency);
35			
36		});
37		
38	});
39
40});
41
42/* MOBILE NAVIGATION */
43
44$('#header .mobile-navigation .mod_navigation--main').each(function(){
45	
46	var self = $(this);
47	
48	self.find("li.submenu").each(function(){
49		
50		var li = $(this);
51		var ul = li.find("> ul");
52		var dropdown = $("<i>");
53		
54		dropdown.bind("click",function(){
55			if (ul.is(":visible")) {
56				ul.slideUp(300);
57				dropdown.removeClass("open");
58			} else {
59				ul.slideDown(300);
60				dropdown.addClass("open");
61			}
62		});
63		
64		li.append(dropdown);
65		
66	});
67		
68});
69
70$('.mobile-navigation').each(function(){
71	
72	var self = $(this);
73	var openMobileNav = $('#open_mobile_nav');
74	
75	self.bind("touchstart",function(e){
76		if (e.target === this) {
77			openMobileNav.prop( "checked", false );
78		}
79	});
80	
81});