title: angularjs Click button to show next / previous div
body: <p>I have a stack of Divs created with ng-repeat. <strong><a href="http://plnkr.co/edit/bWQ95KE2qpr6BAHWmsna?p=preview" rel="nofollow noreferrer">Plunker</a></strong></p>
  
  <p>Quick Image:</p>
  
  <p><img src="https://i.stack.imgur.com/6b4ue.png" alt="enter image description here"></p>
  
  <p>Is it possible to create this stack of div work like a slider? Like: </p>
  
  <ul>
  <li>if I press Next button Top div will slide away and 2nd top will show.</li>
  <li>pressing Previous button will show previous div if there any.</li>
  </ul>
  
  <p><strong>Code:</strong></p>
  
  <pre><code>&lt;div class="col-md-2-4" 
       ng-repeat="card in cards" 
       ng-style="{left: 2 * $index + 'px', top: 2 * $index + 'px', 'z-index': (cards.length - $index)}"&gt;
  &lt;ul class="list-unstyled cs-tag-item-grp"&gt;
     &lt;li class="clearfix" ng-repeat="value in card.cardItem"&gt;
       &lt;div class="pull-left"&gt;
            {{value.keys}}
        &lt;/div&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  &lt;div class="keys"&gt;
    &lt;button type="button" class="btn btn-pre"&gt;Previous&lt;/button&gt;
    &lt;button type="button" class="btn btn-next"&gt;Next&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>It will really help me if this is possible.</p>