function checkMobileNav() {
if(document.querySelector('.mobile-nav-bar .mobile-nav').dataset.collapsed == 'true') {
let wrapper = document.querySelector('.mobile-nav');
let bodyWrapper = document.querySelector('body');
wrapper.style.overflowY = 'auto';
bodyWrapper.style.overflow = 'hidden';
}else{
let wrapper = document.querySelector('.mobile-nav');
let bodyWrapper = document.querySelector('body');
wrapper.style.overflowY = 'unset';
bodyWrapper.style.overflow = 'unset';
}
};
function collapseSection(element) {
let sectionHeight = element.scrollHeight;
let elementTransition = element.style.transition;
element.style.transition = '';
requestAnimationFrame(function() {
element.style.height = sectionHeight + 'px';
element.style.transition = elementTransition;
requestAnimationFrame(function() {
element.style.height = 0 + 'px';
});
});
element.setAttribute('data-collapsed', 'false');
};
function expandSection(element) {
let sectionHeight = element.scrollHeight;
element.style.height = sectionHeight + 'px';
element.addEventListener('transitionend', function(e) {
element.removeEventListener('transitionend', arguments.callee);
element.style.height = null;
});
element.setAttribute('data-collapsed', 'true');
};
document.getElementById('mobile-nav-toggler').addEventListener('click', function() {
let section = document.querySelector('.mobile-nav');
let sectionNew = document.querySelector('.nav-new-consoles-nav');
let sectionRetro = document.querySelector('.nav-retro-consoles-nav');
let navIcon = document.querySelector('#mobile-nav-icon');
let isCollapsed = section.getAttribute('data-collapsed') === 'false';
let searchSection = document.querySelector('.mobile-search');
let searchIcon = document.querySelector('#menu-icon-search');
if(isCollapsed) {
$(navIcon).removeClass('fa-bars').addClass('fa-times')
expandSection(section)
collapseSection(sectionRetro)
collapseSection(sectionNew)
collapseSection(searchSection)
$(searchIcon).removeClass('fa-times').addClass('fa-search')
checkMobileNav()
} else {
$(navIcon).removeClass('fa-times').addClass('fa-bars')
collapseSection(section)
checkMobileNav()
}
});
document.querySelector('.control-search').addEventListener('click', function() {
let section = document.querySelector('.mobile-search');
let isCollapsed = section.getAttribute('data-collapsed') === 'false';
let searchIcon = document.querySelector('#menu-icon-search');
let navSection = document.querySelector('.mobile-nav');
let navIcon = document.querySelector('#mobile-nav-icon');
if(isCollapsed) {
expandSection(section)
$(searchIcon).removeClass('fa-search').addClass('fa-times')
collapseSection(navSection)
$(navIcon).removeClass('fa-times').addClass('fa-bars')
} else {
collapseSection(section)
$(searchIcon).removeClass('fa-times').addClass('fa-search')
}
});
Anmelden
Jetzt registrieren
Hinweise zur Registrierung
Wir bieten Ihnen die Speicherung Ihrer persönlichen Daten in einem passwortgeschützten Kundenkonto an, sodass Sie bei Ihrem nächsten Einkauf nicht erneut Ihren Namen und Ihre Anschrift eingeben müssen.
Durch die Registrierung werden Ihre Adressdaten gespeichert.
Sie können Ihr Kundenkonto jederzeit löschen, melden Sie sich dafür bei dem Betreiber dieser Seite.
Beim nächsten Besuch benötigen Sie zum Aufrufen Ihrer persönlichen Daten lediglich Ihre E-Mail und Ihr Passwort.