html tags в раскрывающемся раскрывающемся меню

Question

В родительском div есть «меню div», как я показал на картинке. Нажав на «меню» и функцию в javascript, откроется другое окно, содержащее пункты меню.

Как указано, «окно меню» превышает поля родительского div. Для части меню я рассмотрел два разных тега. Один, когда он находится в родительском div, а другой, когда он открывается с помощью пунктов меню и с настройками заполнения и поля в css, я поставил их точно в том же положении, чтобы при открытии окна наблюдатель не распознал перемещение для "МЕНЮ".

Есть ли более простой способ сделать это? Могу ли я иметь только один тег для МЕНЮ?

Answer 1

Да, есть более простой способ, чем использование 2 разных тегов меню.

У вас будет 1 пункт меню (с некоторым тестом на меню) и поместите элементы вашего меню в свой тег меню (но не отображайте их - display:none). Когда пользователь нажимает на меню, измените отображение своих элементов на блок (display:block) и убедитесь, что в вашем меню будут отображаться элементы за пределами его первоначального размера.