@speedcubing/cookie/public/js/components.js

Speedcubing Online's UI design.

window.onload = function() {
	const elems = document.querySelectorAll('.navbar-dropdown-button');

	for (let elem of elems) {
		const dropdown = elem.parentNode.querySelector('.navbar-dropdown-content')
		elem.addEventListener('click', (event) => {
			dropdown.classList.toggle('navbar-dropdown-hide');
		});
	}
}

window.addEventListener('click', (event) => {
	if (!event.target.matches('.navbar-dropdown-button')) {
		const elems = document.querySelectorAll('.navbar-dropdown-content');

		for (let elem of elems) {
			elem.classList.add('navbar-dropdown-hide');
		}
	}
});