今回は以下のようなレスポンシブメニューを実装しました。 ・モバイル時に、メニューをフルスクリーンで表示 ・メニュー開閉アニメーションはフェードイン/フェードアウト ・jQueryのfadeToggleなどは使わずに、classの付け外しをjQueryで行う デモはこちらです。 yuri memo - レスポンシブメニュー DEMO デモは、以下のような構成になっています。 HTML [ fade_menu.html ] CSS [ css/style.css ] jQuery [ js/jquery-2.0.0.min.js ] [ js/script.js ] HTML 順番にコードを載せていきます。 <body> <header> <h1 class="logo">yuri memo</h1> <!-- ハンバーガーメニュー部分 --> <div id="toggle"> <div c