6 392
edições
Sem resumo de edição |
Sem resumo de edição |
||
Linha 52: | Linha 52: | ||
dropdown.style.display = dropdown.childNodes.length ? 'block' : 'none'; | dropdown.style.display = dropdown.childNodes.length ? 'block' : 'none'; | ||
} else { | } else { | ||
dropdown.style.display = 'none'; | dropdown.style.display = 'none'; | ||
} | } | ||
Linha 100: | Linha 94: | ||
event.preventDefault(); | event.preventDefault(); | ||
} | } | ||
// Remove a seleção do mouse (se existente) | |||
dropdown.querySelectorAll('.dropdown-item').forEach(item => item.classList.remove('active')); | |||
}); | }); | ||
dropdown.addEventListener('mouseover', function (event) { | dropdown.addEventListener('mouseover', function (event) { | ||
if (event.target.classList.contains('dropdown-item')) { | if (event.target.classList.contains('dropdown-item')) { | ||
Linha 111: | Linha 107: | ||
}); | }); | ||
dropdown.addEventListener('mouseout', function () { | dropdown.addEventListener('mouseout', function () { | ||
const allItems = dropdown.querySelectorAll('.dropdown-item'); | const allItems = dropdown.querySelectorAll('.dropdown-item'); | ||
allItems.forEach(item => item.classList.remove('active')); // Remove 'active' | allItems.forEach(item => item.classList.remove('active')); // Remove 'active' | ||
}); | }); | ||
// Resetar item ativo no clique | |||
dropdown.addEventListener('click', function () { | |||
const allItems = dropdown.querySelectorAll('.dropdown-item'); | |||
allItems.forEach(item => item.classList.remove('active')); // Remove 'active' | |||
}); | |||