Can anyone pls help in this issue ?

Question

https://code.sololearn.com/W2HixdvmszV5/?ref=app

why my hamburger doesn't respond when i first time click on it. it drops down links after clicking double times on hamburger ??

Answer 1

window.onload=()=>{
let hamburger = document.getElementById('hamburger');

hamburger.addEventListener('click', function () {
let hidden = document.getElementById('hidden');

if(hidden.style.display === 'block'){
hidden.style.display = 'none';
}else{
hidden.style.display = 'block';
}
})
}

Answer 2

🍇 Alex Tușinean 💜 Thanks you ❤️ and pls can you tell me how can i add here transition ?? i want to drop downs links smoothly whenever i click on the hamburger.