angular-page-slide

The idea

A very simple and lightweight page slider which pushes the content. Since it uses the flex model, the content div will shrink and grow to fill the gap left by the menu.

How to use it

<div page-slide ps-side="left" ps-width="200px" ps-open="filterMenuOpen">
  <h1>Left page-slide</h1>
</div>

<div page-slide-content>
  <button class="btn btn-default" ng-click="filterMenuOpen = !filterMenuOpen">Toggle left</button>
  <button class="btn btn-default" ng-click="productDetailOpen = !productDetailOpen">Toggle right</button>
</div>

<div page-slide ps-side="right" ps-width="300px" ps-open="filterMenuOpen">
  <h1>Left page-slide</h1>
</div>