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

Question

[Артём Белкин]

.hide{
                 transition:all 5s;
                 height:0px;
                 overflow: hidden;
                
            }
            .show{
                 transition:all 5s;
                 height:initial;
                 overflow: hidden;
            }

переключаю классы на одном объекте с помощью jquery не как не хочет работать transition

Answer 1

[Евгений Петров]

Увы, transition работает только с высотой, заданной в единицах измерения.
И что это за initial такой?

И зачем вы 2 раза определяете transition? Определяют для самого элемента (неизменный селектор), а сменные классы просто меняют параметры.

Comments

[Артём Белкин]

initial значение по умолчанию, я просто и обратный transition тоже хотел

[Евгений Петров]

@wordpresso по умолчанию auto.