DEMO See the Pen Drawer Menu made from CSS only by kimmy (@kimmy) on CodePen. チェックボックス、隣接セレクタ、checked擬似クラス、target擬似クラスを活用してJavaScript無しでの動作を実現しています。 HTML <input id="btnMenu" type="checkbox" class="btn"/> <nav id="menu"><a href="#a" class="btn">MENU_A</a><a href="#b" class="btn">MENU_B</a><a href="#c" class="btn">MENU_C</a><a href="#d" class="btn">MENU_D</a></nav> <div id="a" class="result">A</div>
![CSSのみでドロワーメニューをつくったぞい - みかづきブログ その3](https://cdn-ak-scissors.b.st-hatena.com/image/square/510b207b93f68764632f60d6f1d7e040f943b85e/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkimizuka%2F20161208%2F20161208115900.jpg)