Выпадающий Javascript

Question

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

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

Answer 1

Оставьте переполнение: скрыто в CSS.

Добавьте к элементу style.overflow = "visible", когда вы хотите, чтобы меню появилось, и используйте style.overflow = "hidden" или style.overflow = "" для элемента, если вы хотите, чтобы он снова скрылся.

Answer 2

Вам необходимо получить / вычислить высоту выпадающего слоя (предположим, что он находится в другом слое) и добавить эту высоту к базовому элементу поля элемента меню (конечно, проверяя, виден ли выпадающий список или нет).