アコーディオン(JSアニメーション、finishedプロパティ)

JSアニメーションのプロミス（finishedプロパティ）を利用して実装しています。

実装

実装の問題

• IE11等アニメーションをサポートしていないブラウザのためにpolyfillを使用しているが、finishedプロパティ（プロミス）は使用できない。

参考サイト

• mdn - アニメーションを順番に再生する
• JavaScript でアニメーション Web Animation API （Animation.finished）
• Web Animations API を使ってJavaScriptでAnimationを実装する
• web-animation polyfill

検証環境