CSS だけで アコーディオンアニメーションを実装する方法は二通りあります。checkbox などフォームパーツを使う方法と、details&summaryを使う方法です。checkbox を使う方法はアクセシビリティ上あまりおすすめしません。