Почему не работает свойство transition?

Question

[Николай]

https://jsfiddle.net/b0dxdou9/
По клику добавляем/удаляем класс родительскому nav'у.
Изменяем видимость (или высоту с overflow:hidden, не важно) у списка ul.
И "плавность" не срабатывает.

Элементарный, казалось бы, пример. Уже час не могу понять что я не так делаю :(
Жду вашей помощи, спасибо!

Answer 1

[iBird Rose]

transition на display не работает, а на height надо задавать точную высоту, а не auto. так что либо делай через js. либо оперируй через max-height. сначала 0, потом 1000px к примеру

https://jsfiddle.net/b0dxdou9/1/

Comments

[Николай]

Спасибо!

transition на height и display не работает

Вот где об этом сказано? ОМГ :(

[Евгений]

Николай: В спецификации

[iBird Rose]

Николай: к примеру тут https://www.w3.org/TR/css3-transitions/#transition...
и я не правильно выразился. на height работает. но нужно указывать высоту точную. тобишь это все равно не удобно. поэтому лучше использовать max-height