An AngularJS directive that hides and reveals content.

• IE9+ (no transitions)
• IE10+ with transitions
• Chrome, Safari, Opera, FireFox

Clone the repository and include directly into your project. You can also use bower and install as a dependency:

bower install ng-reaveler

Add the dependency in your Angular's project dependency arguments:

var app = angular.module('MyApp', [
  'ng-revealer'
]);

• I use Font-Awesome in the example, but this is not included in the project.

Make sure you reference the script in your javascript:

<script src="bower_components/ng-revealer/ng-revealer.js"></script>

Make sure your reaveler-container includes:

data-ng-revealer

<div class='revealer-container' data-ng-revealer>

  <p class='visible'>Visible</p>
  <p class='hidden'>Hidden</p>
  <a class='btn-reveal'><i class='fa fa-plus'></i> Reveal More</a>

</div>

-Modernizr for jQuery-fallback transitions