Я использовал 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
Мобильная версия