Не могу понять как анимировать аккордеон нормально используя height.
.acc_panel {
background: #F2F2F2;
height: 0;
overflow: hidden;
transition: all 300ms;
}
.acc_panel.active {
height: auto;
transition: all 300ms;
}
Ни auto, ни 100% не анимируется.
Как сделать?
https://codepen.io/kodej/pen/PONeme
Если не height, как красиво анимировать аккордеон?
Знаю есть уродливый хак с большим max-height, но это не нормально.