エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
detailsタグで作ったアコーディオンをcssで良い感じにアニメーションする(追記あり)
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
detailsタグで作ったアコーディオンをcssで良い感じにアニメーションする(追記あり)
追記※(2024/01/04) いつの間にかChromeでも初回しかアニメーションしなくなってました🥺(v120.0.6099... 追記※(2024/01/04) いつの間にかChromeでも初回しかアニメーションしなくなってました🥺(v120.0.6099.129) もはやちゃんと動くのはFirefoxだけか…?というわけで残念ながら現時点ではjsでアニメーションした方が良さそうです。さようなら… 追記※Safari、iOSのモバイルブラウザ3種で試したら初回しかアニメーションしなかった…open属性はついてるようなんですけどネ🥺もしかしたらコレのようにWebkitのバグかもしれません…そのうち直ることを祈って こんばんわ。カレー美味しい。 ところで友人に聞かれたのでdetailsタグとsummaryタグで作るアコーディオンパネル(Q&Aとかに使うやつ)を、アニメーション付きで開閉できるようにしたいと思います😇 details/summaryタグについては以下を参照してください。便利なタグですね〜〜 ポイントは