概要
CSSのみでホバー開閉するアコーディオンを実装する方法を紹介用途
- ホバー時にアニメーションで開閉する。
- 開閉するコンテンツの高さは固定。
検証ブラウザ
- Google Chrome(最新)
- Microsoft Edge(最新)
- Firefox(最新)
- Safari(最新)
注意点
- 開閉後の高さは固定になるため、高さが可変する場合はJavaScriptによる実装が望ましい。
実装方法
ローカル環境にコードを移設した際に動作しない場合はこちら。（トラブルシューティングページへ）
関連記事
全ての記事を見る
