fix click lang selector on mobile devices
This commit is contained in:
parent
ace2f79fd5
commit
f3671cf7de
1 changed files with 11 additions and 18 deletions
|
|
@ -1,19 +1,12 @@
|
|||
document.addEventListener("DOMContentLoaded", function() {
|
||||
window.onclick = function(event) {
|
||||
|
||||
// Toggle lang switcher dropdown menu on mobile view
|
||||
if (event.target.closest('.header-lang-small')) {
|
||||
var dropdown = document.getElementById("dropdown");
|
||||
var dropdownIcon = document.querySelector('.header-lang-small .icon');
|
||||
console.log(dropdownIcon);
|
||||
if (dropdown.style.display === "block") {
|
||||
dropdown.style.display = "none";
|
||||
dropdownIcon.classList.toggle('active');
|
||||
} else {
|
||||
dropdown.style.display = "block";
|
||||
dropdownIcon.classList.toggle('active');
|
||||
}
|
||||
};
|
||||
|
||||
};
|
||||
document.getElementsByClassName("header-lang-small")[0].addEventListener("click", function(){
|
||||
var dropdown = document.getElementById("dropdown");
|
||||
var dropdownIcon = document.querySelector('.header-lang-small .icon');
|
||||
console.log(dropdownIcon);
|
||||
if (dropdown.style.display === "block") {
|
||||
dropdown.style.display = "none";
|
||||
dropdownIcon.classList.toggle('active');
|
||||
} else {
|
||||
dropdown.style.display = "block";
|
||||
dropdownIcon.classList.toggle('active');
|
||||
}
|
||||
});
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue