PC・タブレット・スマホ、それぞれに対応したレスポンシブなメニューを「jQuery」と「CSS」で簡単に作成できます。シンプルなものですが、その作り方をメモしておきます。 サンプルを用意しましたのでまずは確認してみてください。 ウィンドウサイズを小さくしてみたり広げてみたりすると、2列になり、メニュータブにと変化するようにしてあります。 デモサンプル それでは、作り方を見ていきましょう。 1.HTMLを記述 <nav id="menu-box"> <div id="toggle"><a href="#">MENU</a></div> <ul id="menu" class=""> <li><a href="#">Navi1</a></li> <li><a href="#">Navi2</a></li> <li><a href="#">Navi3</a></li> <li><a href="
![レスポンシブに対応した簡単メニュー](https://cdn-ak-scissors.b.st-hatena.com/image/square/e000ec4e5a97fcfcfe552f634b7cad5325346f01/height=288;version=1;width=512/https%3A%2F%2Fmorobrand.net%2Fmororeco%2Fwp%2Fwp-content%2Fuploads%2F2014%2F05%2Fresponsive-menu-s.jpg)