#ul_menu {
display:none;
}
#hover1 {
display:none;
}
#hover1_content {
display: none;
}
let main_menu = document.getElementById("menu"); //главная кнопка
let ul_menu = document.getElementById("ul_menu"); //список
let hover_menu1 = document.getElementById("hover1"); //к примеру какойто из них
hover_menu1_content = document.getElementById("hover1_content"); //контент
main_menu.addEventListener("mouseenter", function() {
ul_menu.style.display = "block";
});
hover_menu1.addEventListener("mouseenter", function() {
hover_menu1_content.style.display = "flex";
});
//поправь синтакс ошибки ручками пж
Ну и дальше логично