https://www.moenchengladbach.de/_assets/50f7a6d80db20353491a9e58d4…/Src/tablet-search-flyout.js?1787644003

1(function() {
2    let isOpened = false;
3    const trigger = document.querySelector('.conword-eyeable-mobile__search-icon');
4    const flyout = document.querySelector('.tablet-search-flyout');
5    const body = document.querySelector('body');
6    
7
8    if(trigger && flyout) {
9        trigger.addEventListener('click', function(e) {
10            e.stopPropagation();
11
12            if(isOpened) {
13                flyout.classList.remove('tablet-search-flyout--visible');
14                isOpened = false;
15            } else {
16                flyout.classList.add('tablet-search-flyout--visible');
17                isOpened = true;
18            }
19            
20        });
21
22        body.addEventListener('click', function(e) {
23            if(!isOpened) return;
24
25            flyout.classList.remove('tablet-search-flyout--visible');
26            isOpened = false;
27        });
28
29        flyout.addEventListener('click', function(e) {
30            e.stopPropagation();
31        });
32    }
33
34})();