Как создать динамически подгружаемый многоуровневый список на чистом JavaScript?
Подскажите пожалуйста алгоритм написания программы для данного списка. Изначально на макете две кнопки "КАТАЛОГ" и "ИЗБРАННОЕ". При нажатии на "каталог" и далее по уровням вложенности, из каждого пункта списка, должны создаваться новые списки. Их я получаю по API из JSON формата, с этим проблем нет. Страница должна работать без перезагрузок. Код буду писать сам, пожалуйста только алгоритм, заранее благодарен.
Ответы (1 шт):
вариант 1. Использовать onClick -> [].forEach((x) => {if(x.parent ==ourParent){}}, а после ловить, что менюшка под наведением.
вариант 2. Использовать готовые выпадающие списки. Например, MUI. Там надо лишь передавать Nodes, но такие списки, чаще всего, реакт.
вариант 3.Использовать clicked и hover в css, изменяя видимость div с дочерними пунктами менюшки