jQueryを使うと簡単にアコーディオンを実装する事が出来るのですが、CSSでもアコーディオンの作成が可能です CSSだけでアコーディオンを作成 HTML コード <div class="menu"> <label for="Panel1">ボタン1</label> <input type="checkbox" id="Panel1" class="on-off" /> <ul> <li><a href="">リンク1</a></li> <li><a href="">リンク</a></li> <li><a href="">リンク</a></li> <li><a href="">リンク</a></li> <li><a href="">リンク</a></li> </ul> <label for="Panel12">ボタン2</label> <input type="checkbox" id="
![CSSだけでメニューが開いたり閉じたりするアコーディオンを作る!javascript不要 | 9ineBB](https://cdn-ak-scissors.b.st-hatena.com/image/square/d03bb420db5272a93da7c19261978d2654f353d2/height=288;version=1;width=512/https%3A%2F%2F9-bb.com%2Fwp-content%2Fuploads%2F2013%2F12%2F6a613276f1cb5e33e0d4390b89dd8d3c.jpg)