Почему не отрабатывает transition при скрытии — раскрытии блока?

Question

[vikas_web]

transition: 2s max-height ease;
прописан

https://jsfiddle.net/m9ofr1zc/

Comments

[Ankhena]

Потому что между 112px и none нет промежуточных значений.

[vikas_web]

Ankhena, вмысле?)

[Ankhena]

vikas_web, в прямом.
Если вы будете анимировать 112 - > 1200, то всё сработает. Потому что есть что последовательно анимировать.

Именно по этому, вместо невозможной анимации height с 0 до auto используют хак с анимацией max-height от 0 до какого-то большого значения с запасом.

[vikas_web]

Ankhena, так работать не будет https://jsfiddle.net/38cnyrha/

[Ankhena]

vikas_web, без единиц-то измерения? Ну да, не будет.

[vikas_web]

Ankhena, допустим) извините
но назад оно все-равно как -то странно возвращается
с задержкой. Но я ее не указываю https://jsfiddle.net/7cgL1rud/1/

[Ankhena]

vikas_web, чем больше запас, тем больше задержка.

[vikas_web]

Ankhena, понятно. Тоесть если будет супер большой отзыв - то это никак не поправить?

[Ankhena]

vikas_web, выяснять предварительно на js (тогда можно и на просто height переписать). Или скрывать другими способами.