для меню

Простой и краткий вопрос, правильно ли для реального сайта использовать для закрытия и открытия меню dislay: block/none корректно это или нужно делать по другому?

Есть структура:

есть массив данных полученных по Rest API Пытаюсь из этих данных сделать меню, но для этого нужно его преобразовать с учетом вложенности (думаю это делается циклом)

Как сделать автоматическое подсвечивание пункта меню и сайт-бара на сайте, что бы он определял на какой стр пользователь и выделял этот пункт менюв html адрес страницы указан page/page

Сделал ul-ы, которые идут друг за другом (линейно, без иерархии) независимо от уровня меню(подменю), при нажатии на стрелку с помощью data-атрибута меняю display на block/none, но плавная анимация не выходит, скажите стоит ли поменять структуру меню на другую?