Simple Sidebar

Right

Download

ZIP

GitHub:
git clone https://github.com/dcdeiv/simple-sidebar

Bower:
Bower install simple-sidebar

Example of Usage

minimum required

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script>
  <script src="bower_components/simple-sidebar/dist/jquery.simplesidebar.min.js"></script>
  </head>

<body>
  
  <div class="wrapper">
    <!--content-->
  </div>
  
  <section class="sidebar">
    <!--content-->
  </section>
  
  <section class="navbar">
    <div id="open-sb" class="menu-icon menu-button menu-left">
  </section>
  
  <script>
  $( ".sidebar" ).simpleSidebar({
      settings: {
        opener: "#open-sb",
        wrapper: ".wrapper",
        animation: {
          easing: "easeOutQuint"
        }
      },
      sidebar: {
        align: "right",
        width: 200,
        closingLinks: 'a',
      }
    });
  </script>

</body>
Fork me on GitHub