hampster-dance.html

<div ng-click="toggle()" class="hampster-dance">
	<img src="/img/hampster.jpeg" ng-show="!animated" />
	<img src="/img/animated-hampster.gif" ng-show="animated" />
 	<embed src="/audio/hampster-dance.wav" ng-show="animated">
</div>

hampster-dance.js

App.directive('hampsterDance', function() {
  	return {
	  restrict: 'EA',
	  
	  controller: function($scope) {
	  	$scope.toggle = function() {
	  		$scope.animated = !$scope.animated;
	  	}
	  },

      	  templateUrl: '/app/directives/hampster-dance.html'
	}
});