Выпадающий список Javascript

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

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