Pure jQuery Drawer Menu.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa, tempora, vitae, consequuntur repellat qui enim aut cum ea harum at quibusdam ex facere voluptatem nobis quam quo itaque possimus impedit!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi, illo autem neque quia nihil deserunt et numquam suscipit delectus necessitatibus corporis impedit molestiae quae animi temporibus dolores provident architecto sequi.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, quia, neque, voluptates, pariatur corporis maiores voluptas necessitatibus impedit sit saepe provident error perferendis rem nihil at mollitia quo optio maxime.

css3 versionはこちら

jQuery

以下のトリガーのみです。プラグインは要りません。jQ本体の読み込みを忘れずに!

    
  $(document).ready(function(){
    $("#on").click(
      function(){
      	$("body").toggleClass("menuOn");
      });
  });

    

css

    /*以下JQ versionのみ使用*/
.menuOn nav {
	-webkit-transform:translateX(4%);
	transform:translateX(4%);
}
.menuOn .wrap {
	-webkit-transform:translateX(50%);
	transform:translateX(50%);
}