1

を非表示および表示する単純な ng-click 関数を作成しましたDIV

しかし、単純に現れたり消えたりするのではなく、Angular にはスライド効果を与える機能がありますか?

ここに plunkr があります: http://plnkr.co/edit/jbHidL3oOQvi4RBCkJIF?p=preview

HTML:

<div class="grid-wrap">
  <div class="grid-col one-third">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    <a href="#" class="link" ng-click="showMe=!showMe">Show the slidy section</a>
  </div>


  <div class="grid-col two-thirds" ng-show="showMe">
    My hidden section that i want to slide out

    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
    <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis irure dolor in repr</p>

  </div>
</div>
4

1 に答える 1