28 lines
1.1 KiB
JavaScript
28 lines
1.1 KiB
JavaScript
document.addEventListener("DOMContentLoaded", () => {
|
|
const MenuTabs = Array.from(document.querySelectorAll(".jsMenuTab"));
|
|
MenuTabs.forEach(menuTab => {
|
|
const menuHeader = menuTab.querySelector('.jsMenuHeader');
|
|
const menuArrow = menuTab.querySelector('.jsMenuArrow')
|
|
const menuSub = menuTab.querySelector('.jsMenuSub');
|
|
const menuOption = menuTab.querySelector('.jsMenuOption');
|
|
const menuAdmin = menuTab.querySelector('.jsMenuAdmin');
|
|
|
|
menuHeader.addEventListener('click', e => {
|
|
menuArrow.classList.toggle('transform-up');
|
|
menuSub.classList.toggle('hidden');
|
|
});
|
|
menuOption.addEventListener('click', e => {
|
|
menuAdmin.classList.toggle('hidden');
|
|
e.stopPropagation();
|
|
});
|
|
});
|
|
|
|
const searchForm = document.querySelector('.menu-search');
|
|
searchForm.addEventListener('formChange', () => {
|
|
if(document.querySelector('.menu-search input').value != "") {
|
|
searchForm.style.backgroundColor = "red"; //- Put overriden color here
|
|
} else {
|
|
searchForm.style.backgroundColor = "blue"; //- Put default color here
|
|
}
|
|
})
|
|
}); |