Estoy tratando de hacer un menú de acordeón. Estoy comparando la propiedad de altura para abrir y cerrar el menú. Pero en el primer clic no funciona, funciona bien después del segundo, tercer clic. Para mí, mi algoritmo tenía sentido. Pero a menudo obtengo resultados que no esperaba.

 let portfolio_button = document.getElementById('portfolio--button'); let portfolio_menu = document.getElementById('portfolio--menu'); let i = 0; let mobile_menu = document.getElementById('mobile--menu'); let mobile_menu_icon = document.getElementById('mobile--menu--icon'); function portfolioMenu(){ if(portfolio_menu.style.height === "0px"){ portfolio_menu.style.height = "100px"; mobile_menu.style.height = "370px"; } else{ portfolio_menu.style.height = 0; mobile_menu.style.height = "270px"; } } function openMobileMenu() { if (mobile_menu.style.height === "