Как сделать плавный выезд dropdown меню из под блока?

Question

[seregindev]

Всем привет!
Столкнулся с такой проблемой, у меня имеется dropdown меню, и появилась такая задача, нужно чтобы данное меню выезжало из под ссылки которая его вызывает, использовал overflow, но оно лишает видимости меню
Не получается реализовать.. а подобного не получилось найти

Вот то что получилось сделать - https://codepen.io/seregindev/pen/dNOmRZ?editors=1100
Чтобы из под данной ссылки выходило меню, не перекрывая её

Answer 1

[Stalker_RED]

Вместо этого айди подставьте нужные классы, я не смог разобраться в этой каше

#menu-item-362, #menu-item-362 > a {
  background: orange;

  position: relative; /* the magic */
  z-index: 1;  /* is here */
}

Демо: https://codepen.io/anon/pen/egqwvM?editors=1100

Answer 2

[Егор Живагин]

Можешь здесь похожую реализацию посмотреть. Схема input + label + article весьма эффективна