title: AngularJS ng-show with ng-animate unexpected behavior
body: <p>The problem is that when I double click very quickly on a button to toggle an ng-show, the value will not change (this is expected behavior - it toggles) but the actual element will be hidden. See here: <a href="http://jsfiddle.net/QbZrJ/" rel="nofollow">http://jsfiddle.net/QbZrJ/</a></p>
  
  <p>If you double click quickly, the value stays true, but the element fades out. If the ng-animate directive is removed, it works as expected, so I guess this has to do with the animation. </p>
  
  <pre><code>function ctrl($scope){
     $scope.foo = true;
     $scope.clicked = function(){
        $scope.foo = !($scope.foo);
     }
  }
  </code></pre>
  
  <p>Nothing fishy there. Note that this is using the old way of animating in AngularJS but I observe the behavior in AngularJS 1.2.8 as well.</p>
  
  <p>Edit: I think the animation duration is the issue after some troubleshooting. It seems that with 0 delay it works fine. With anything nonzero, it somehow ignores the fact that it should be hidden and completes the animation.</p>