nnao45 https://blog.hatena.ne.jp/nnao45/ nがひとつ多い。 https://nnao45.hatenadiary.com/ アコーディオン？？ へえ、じゃあそれでいいじゃん。 試行錯誤 そもそもどうアニメーションしているのか。 なにが悪いのか 問題点を洗い出す 結論 感想 アコーディオン？？ 元々jQueryで実現されていたアニメーションで、 イベントに応じて、隠れた要素が伸縮して出てくる、メニューとかでよく使われて「アコーディオンメニュー」なんて言ったりする。 CSSだけだと以下のような見えないチェックボックスをイベントでチェックして表現したりする。 webdesignday.jp 以下は引用させていただいた。 See the Pen accordion menu by Kiyonobu Kasuga (@kiy… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fnnao45.hatenadiary.com%2Fentry%2F2020%2F05%2F30%2F232325" title="【Vue】【CSS】Vue.jsで&quot;&quot;&quot;最初から開いた状態&quot;&quot;&quot;でアコーディオンしたい - nがひとつ多い。" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://jp.vuejs.org/images/transition.png Hatena Blog https://hatena.blog 2020-05-30 23:23:25 rich https://nnao45.hatenadiary.com/entry/2020/05/30/232325 1.0 100%