2018年03月22日追記 アコーディオンひとつ分をコンポーネント化して、コンポーネント内だけで状態管理する方が良いので書き直しました。 vue.js 2.x その0004-02 アコーディオンを作る(jQueryのslideToggleみたいなものを作る) - Motomichi Works Blog サンプルコード(v-forで出力した要素にそれぞれ) v-forで出力した要素それぞれにアコーディオンを入れるイメージで、以下のように書いてみました。 <style> .accordion{} .accordion__trigger{} .accordion__contents-outer-wrap{ transition: max-height 2s; max-height: 0; overflow: hidden; background: #eeeeff; } .accordion__