パッケージ版が欲しい場合はGitHubから入手可能。URLは以下になります。https://github.com/blivesta/drawer/HTMLマークアップ続いてHTMLの記述です。こちらも基本的には公式サイトで紹介されているものをそのまま使います。--></main></body>カスタマイズする際のポイントは「なるべくクラス名を変えない」こと。[Drawer]の挙動はスタイルシートの「drawer.css」にも紐づけられています。慣れないうちはデフォルトのクラス名のままで改変していくことをお勧めします。JavaScriptで[Drawer]を起動させる最後に下記JavaScriptのコードを記述して[Drawer]を有効化します。$('.drawer').drawer();});</script>以上、すべてコピペで導入できるので初心者の方でも充分に扱えるでしょう。オプション設定について各種イベントやメソッドも用意されているので、より高度なカスタマイズも可能になります。});メソッド処理Open(メニューを開く)↓$('.drawer').drawer('open');Close(メニューを閉じる)↓$('.drawer').drawer('close');Toggle(メニューが開いていたら閉じ、閉じていれば開く)↓$('.drawer').drawer('toggle');Destroy(機能を停止)↓$('.drawer').drawer('destroy');サポートブラウザについて[Drawer]を使うにはブラウザがCSS3に対応している必要があります。Exproler」はバージョン10以上が対象とのこと。簡単に導入できるので是非お試しください。オンズ株式会社オンズ制作チーム。ウェブサイト制作、デザイン制作でお悩みの際はお気軽にご相談ください。https://on-ze.comこちらの記事もいかがですか?アナタにオススメ!同じカテゴリーの他の記事です。【jQuery】フォームへの再入力時にペーストを禁止する方法。