CSSのみでドロワーメニューをつくったぞい - みかづきブログ その3DEMO 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>
