今回は、CSSのみでアニメーションをする開閉メニュー(アコーディオンメニュー)を作成する簡単な例となります。以下、アニメーションをする開閉メニューを作成する例となります。以下、HTML・CSSのポイントとなる箇所の説明となります。メニューを開閉するボタンについて上記のアコーディオンメニューでは、メニューを開閉するボタンをinput要素のcheckboxで作成し、そのcheckboxのON-OFFを切り替えた際のCSSを変更することで、メニューの開閉を行っています。プロパティを利用しています。メニューが閉じている状態についてinput要素のcheckboxがチェックされていない状態(デフォルトの状態)では、CSSでメニュー項目の高さを出さないようにして、メニューを閉じた状態にしています。メニューが開いている状態についてinput要素のcheckboxがチェックされると、CSSのcheckboxの擬似クラスを利用し、メニュー項目に高さを出して、メニューを開いた状態にしています。jQueryで開閉メニューを作成する場合jQueryでアニメーションをする開閉メニューを作成する方法については、以下のリンク先を参考にしてみてください。コメントをキャンセルコメントは項目欄(*は必須項目)を入力し、「コメントを送信」ボタンをクリックしてください。(メールアドレスは公開されることはありません。コメントの公開は承認制となります。)また、多忙によりコメントには返信できない場合があります。Twitterで返信する場合はこちらから。DESTROY広告ブロッカーが有効のため、コンテンツ内におすすめ商品などが表示されています。