「高さ」をアニメーション化するには「height: auto」を使用すると、効果は機能しない。

ではどうする？

CSS トランジションを使用して要素の「高さ」をアニメーション化するには、CSS に何らかの値が必要であり、この効果をエミュレートするには、大きな値で「max-height」を使用する。各々の異なるアコーディオンの高さの問題も「max-height」が解決する。