Мое раскрывающееся меню не работает, оно похоже на обычное меню. ⇐ Html

[Anonymous]

Я пытался создать раскрывающееся меню для своего веб-сайта электронной коммерции, чтобы пользователь мог найти свой любимый жанр.
Я использовал CSS и HTML, чтобы сделать раскрывающееся меню работоспособным, но оно по-прежнему не работает, элементы раскрывающегося меню находятся под меню, но это похоже на обычное меню, а не на раскрывающийся список.
Скриншот результата:


Мой JS:

Код: Выделить всё

const search = () => {
const searchbox = document.getElementById("search-item").value.toUpperCase();
const storeitems = document.getElementById("game-list")
const product = document.querySelectorAll(".col-4")
const pname = storeitems.getElementsByTagName("h4")

for (var i = 0; i < pname.length; i++) {
let match = product[i].getElementsByTagName('h4')[0];

if (match) {
let textvalue = match.textContent || match.innerHTML

if (textvalue.toUpperCase().indexOf(searchbox) > -1) {
product[i].style.display = "";
} else {
product[i].style.display = "none";
}
}
}
}

Код: Выделить всё

/*----------SUB-MENU--------*/
nav ul li:hover{
background: #000;
border-radius: 3px;
}
.sub-menu-1{
display: block;
position: absolute;
background-color: var(--color-black);
}
.sub-menu-1 ul{
display: inline-block;
margin: 10px;
}
.sub-menu-1 ul li{
width: 150px;
}

Код: Выделить всё

Testing
[*]



@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');








[img]https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/Video_game_controller_icon_designed_by_Maico_Amorim.svg/2498px-Video_game_controller_icon_designed_by_Maico_Amorim.svg.png[/img]


[list]
[url=#]Home[/url]
[*][url=#]Games[/url]


[*][url=#]Action[/url]
[*][url=#]Shooting[/url]
[*][url=#]Survival[/url]
[*][url=#]Indie[/url]
[/list]

[*]About
[*]Contact
[*]Account


[img]https://cdn-icons-png.flaticon.com/512/263/263142.png[/img]
[img]https://assets.stickpng.com/images/588a6507d06f6719692a2d15.png[/img]

Подробнее здесь: https://stackoverflow.com/questions/750 ... ormal-menu