[jQuery] スマホサイトによくあるクリックで展開するメニューを実装する | rakuishi.comこんな感じのスマホサイトによくあるクリックで展開するメニューを実装してみました。左に俗にいうハンバーガーボタン、右に検索ボタンを設置したものを想定しました。 実装 html タグマークアップはこんな感じです。次の記事の方法を使って、左右にアイコンを配置しています。この方法だとシンプルに実装できます。→ 「次に進む/前に戻る」で CSS の記述量が減るテクニック · rakuishi.com <div class="container"> <header> <div class="menu"><img src="images/menu.png" width="20" height="20" /></div> <div class="search"> <img src="images/search.png" width="20" height="20" /> </div> </header>
![[jQuery] スマホサイトによくあるクリックで展開するメニューを実装する | rakuishi.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/927c0c4b1e66fd219c5b0b8b2ec5dd63300e8740/height=288;version=1;width=512/https%3A%2F%2Frakuishi.com%2Fassets%2Fimages%2Fog.jpg)
