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

Question

[Лариса]

Есть аккордион
Добавление в первый раскрывающийся пункт стиля не помогает сделать плавное раскрытие (
transition: bottom 25s linear;

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

Answer 1

[Exploding]

Попробуйте так:
transition: height 250ms linear;

Comments

[Лариса]

не помогает

[Exploding]

Лариса: Вы куда это вставили то?
Вот так должно быть, господи прости:

<div id="vacancy-one" class="panel-collapse panel-collapse_vacancy collapse" aria-expanded="false" style="transition: height 250ms linear; height: 0px;">

Все там работает. Значит вставляйте пока не заработает.

[Лариса]

Exploding: поставила в эту строку кода, НО нет плавного (надо реально плавно) открытия

[Exploding]

Лариса: выложите код на жсфидл или где можно посмотреть

[Лариса]

Exploding: jsfiddle

[Exploding]

Лариса, ну неужели по Вашему, эти 2 строки идентичны?

<div id="vacancy-one" class="panel-collapse panel-collapse_vacancy collapse" aria-expanded="false" style="transition: height 250ms linear; height: 0px;">

<div id="vacancy-one" class="panel-collapse collapse panel-collapse_vacancy" aria-expanded="false" style="height: 0;   overflow: hidden;  -webkit-transition: height .35s ease;  transition: height 1s ease;">

[Exploding]

Лариса: https://jsfiddle.net/7kghc5ce/3/