2021.12.10スポンサーリンクJavaScriptを用いず、CSSのみでクリックすると開く、アコーディオンアニメーションdivボックスを実現します。ページを読み込んだ際に開いた状態とならないよう、ラジオボタンとチェックボックスの2つをフラグとして利用します。ラジオボックスの一度クリックすると外すことができない特性を利用して分岐処理を実現ます。instruction.”※AMPサイト用amp-imgタグではdivボックス内に画像が正常に表示されないことがあります。改行をせず詰めてください*/スタイルシートlabel2をクリックすることで、first-divがdisplay:noneからblockへ。併せてlabel2がdisplay:noneとなり、label1がdisplay:blockとなる。そのうえで、more-contensが開くアニメーション。以後label2は封印される。label1をクリック(チェックが入る)するとmore-contensが閉じるアニメーション。label1をクリック(チェックを外す)するとmore-contensが開くアニメーション。以後2.3.のループ。first-divがなければ、ページを読み込んだ際にmore-contensが閉じるアニメーションが実行されてしまう。toggle2がなければ、first-divをnoneからblockに変化させる動作を実行することができない。ラジオボックスによってページを読み込んだ1回目のみ実行するCSSを実現できる。コピペで使えるHTML+CSS詳細や情報をクリックすることで表示する、いわゆる、スポイラー又はアコーディオンと呼ばれるものをCSSのみで実装します。inputとlabelを使い、displayで切り替えを行います。Javascriptは使用しません。height:0p...programming-cafe.com~検索ad.価格範囲を指定して商品を探せます。