Как сделать плавное открытие пунктов меню?

Question

[dqwe93]

Есть навигационное меню, хочется сделать чтобы подпункты меню плавно выдвигались, на данный момент они резко появляются по щелчку
https://jsfiddle.net/vheh7y8t/

Answer 1

[Алексей Струков]

Добавь свойства transition: max-width .2s; и max-width: 0px; к скрытым элементам.
Когда инпут становится :checked то пусть у скрытых элементов max-width становится 1000px допустим.

Comments

[iBird Rose]

height вы имели ввиду?

[Алексей Струков]

iBird Rose: ага, перепутал)

Answer 2

[iBird Rose]

https://jsfiddle.net/vheh7y8t/2/

Answer 3

[Дмитрий Христоев]

https://www.youtube.com/watch?v=AIdslaUj9wg