Vue.jsでアコーディオンの実装が難しい・・・ - Qiita

アニメーションがつけやすいVue.jsではあるけれど、、 アコーディオンの実装で100%よし！って思える実装がいまだにみつからない・・・ もともと、高さをautoではアニメーションしてくれないっていう問題はVue.jsに限ったことではないけれど。 1番理想に近いのはこれ。 See the Pen Vue.js-transition slideUp/slideDown by DY (@kdydesign) on CodePen. 高さが固定のものであれば、問題ないが、高さが可変するタイプのものだと、 max-height の数値の設定が難しい・・・ 高さが小さいものだと、すごく早く開いているように感じたり、 指定した高さよりも大きいと、ガクッとなってしまう。。。 何かいい方法を知っていましたら、ぜひご教示ください！！！ 2019.05.17 追記 ここの書き方が一番シンプルだと思いました。

[KoshianX]

高さが固定できれば1番上でいいのか……って1番上の例、実際やってみると max-height を無視して要素分広がるような。これなんでなのかよくわからんな