https://www.stadthalle.com/_component/collection_content/page/page.js?version=2026-09-24_15:30:58

1$(function(){
2    $('.navtoggle').on('click',function(e){
3        e.preventDefault();
4        
5        $('body').toggleClass('navtoggled');
6        //$('.adminPageRight').toggleClass('navtoggle');
7    });
8    
9	$('.flappe .navigation').addClass('flappe-lang');
10	$('.flappe .navigation').addClass('none');
11	$('.utilities').children('[class*=flappe]').on('click', function(){
12		
13		if(($('body').hasClass('module_shopproxy') || $('body').hasClass('module_proxyneat')) && $(this).hasClass('flappe-basket')){
14			window.location.href = "//"+window.location.hostname+"/"+$('body').data('lang')+"/account/basket";
15		}else{
16		
17			if($('body').hasClass('navopen')){
18				$('body').removeClass('navopen');
19				$('body').addClass('flappe-open');
20			}
21			if($(this).hasClass('active')){
22				closeFlappe();
23			}else{
24				//load iframe only on flappe click
25                if($(this).hasClass('flappe-user') && ($('#loginiframe').attr("src") == undefined  && $('#loginiframe').length)){
26                    // $('#loginiframe').attr('src',$('#loginiframe').attr('data-src'));
27					window.location = $("#loginiframe").attr("data-src");
28                } else {
29					$('body').addClass('flappe-open');
30					$('aside.flappe').addClass('active');
31				}
32				
33				$(this).addClass('active');
34				$(this).find('[class*=filter-]').removeClass('filter-white').removeClass('filter-darkgrey').addClass('filter-red');
35				$('aside .' + $(this).attr('class').split(' ').filter(name => name.includes('flappe'))).removeClass('none');
36				$(this).siblings().removeClass('active');
37				$(this).siblings().find('[class*=filter-]').removeClass('filter-red').removeClass('filter-white').addClass('filter-darkgrey');
38				$('aside .' + $(this).attr('class').split(' ').filter(name => name.includes('flappe'))).siblings('div').addClass('none');
39				//$('.' + $(this).attr('class')).siblings().addClass('none');
40                
41               
42			}
43		}
44	});
45	
46	$('#nllogin,#nlreg').on('click', function(e){
47		e.preventDefault();
48		if($('body').hasClass('navopen')){
49			$('body').removeClass('navopen');
50			$('body').addClass('flappe-open');
51		}
52		if($(this).attr('id') == 'nllogin'){
53		   var that = $('.flappe-nllogin');
54		}else if($(this).attr('id') == 'nlreg'){
55			var that = $('.flappe-nlreg');
56		}
57		
58		if(that.hasClass('active')){
59			closeFlappe();
60		}else{
61			if(!that.find('iframe').attr('src')){
62			   that.find('iframe').attr('src',that.find('iframe').attr('data-src'));
63			}
64			$('body').addClass('flappe-open');
65			$('aside.flappe').addClass('active');
66			//that.addClass('active');
67			that.removeClass('none');
68			that.find('[class*=filter-]').removeClass('filter-white').removeClass('filter-darkgrey').addClass('filter-red');
69			$('aside .' + that.attr('class').split(' ').filter(name => name.includes('flappe'))).removeClass('none');
70			that.siblings().removeClass('active');
71			that.siblings().find('[class*=filter-]').removeClass('filter-red').removeClass('filter-white').addClass('filter-darkgrey');
72			$('aside .' + that.attr('class').split(' ').filter(name => name.includes('flappe'))).siblings('div').addClass('none');
73			//$('.' + $(this).attr('class')).siblings().addClass('none');
74		}
75	});
76	
77	$('.flappe .close').on('click', function(){
78		closeFlappe();
79	});
80	$('body').on('click', function(e){
81		if($(this).hasClass('flappe-open') && !($(e.target).is('[class*=open-flappe]')) && !($(e.target).is('[class*=flappe]') || $(e.target).parents('[class*=flappe]').length > 1 )){
82			closeFlappe();
83		}
84
85	});
86	
87			
88		$('.focuslogin.basketbtn').addClass('open-flappe');
89		$('.nlbutton').addClass('open-flappe');
90		$('.open-flappe').on('click', function(e){
91			e.preventDefault();
92			e.stopPropagation();
93			$('.flappe-user').click();
94		});
95		
96});
97
98function closeFlappe(){
99	$('.flappe').removeClass('active');
100	$('.utilities').children('[class*=flappe]').removeClass('active');
101	$('.utilities').find('[class*=filter-]').removeClass('filter-red').removeClass('filter-darkgrey').addClass('filter-white');
102	$('.flappe > div').addClass('none');
103	$('body').removeClass('flappe-open');
104}
105
106/*function headerOnFooter(){
107	var tmp = 60;
108	if($(window).width() >= 1280){
109		tmp = 90;
110	}
111	$(window).on('scroll', function(){
112		if($(window).scrollTop() < $('footer').offset().top){
113			
114		}
115	});
116}*/