CSSのみでトグルボタン 以下は、トグルボタンの実装方法です。 トグルボタンのHTML CSSトグルボタンで必要となるHTMLを出来る限り最小限の機能に絞ったものがこちら。 <div class="toggle-wrap"> <input type="checkbox" id="toggle-checkbox"> <label class="toggle-button" for="toggle-checkbox">トグルボタン</label> <div class="toggle-content"> メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。メロスには政治がわからぬ。メロスは、村の牧人である。笛を吹き、羊と遊んで暮して来た。けれども邪悪に対しては、人一倍に敏感であった。きょう未明メロスは村を出発し、野を越え山越え、十里はなれた此このシラクスの市にやって来た。メ
![CSSだけでシンプルなトグルボタンを作成しコンテンツを出し入れする方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/6bcc297b68adff71d6fb2b48bfa5c1b58d23f9c3/height=288;version=1;width=512/https%3A%2F%2Fnelog.jp%2Fwp-content%2Fuploads%2F2018%2F04%2FmockDrop_MacBook-Air-stange-keyboard.jpg)