<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<script type="text/javascript"
src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>
<script
src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular-animate.js"></script>
<style>
/*
.slider.ng-hide-add,.slider.ng-hide-remove {
overflow-y: hidden;
max-height: 500px; approximate max height
transition-property: all;
transition-duration: .5s;
transition-timing-function: cubic-bezier(0, 1,
0.5, 1);
}
.slider.closed {
max-height: 0;
}
.slider.ng-hide-add.ng-hide-add-active,
.slider.ng-hide-remove {
opacity:0;
}
.slider.ng-hide-add,
.slider.ng-hide-remove.ng-hide-remove-active {
overflow-y: hidden;
max-height: 0px; approximate max height
transition-property: all;
transition-duration: .5s;
transition-timing-function: cubic-bezier(0, 1,
0.5, 1);
}*/
.slider.ng-hide-add,
slider.ng-hide-remove.ng-hide-remove-active {
visibility: visible;
opacity: 1;
transition: opacity 2s linear;
}
.slider.ng-hide-remove,
.slider.ng-hide-add.ng-hide-add-active {
visibility: hidden;
opacity: 0;
transition: visibility 0s 2s, opacity 2s linear;
}
</style>
</head>
<body ng-app="ngccl">
<div ng-controller="hkgn">
<button ng-click="click()">click</button>
{{100 * 600}}
{{val}}
<div class="slider" style="height: 200px; width: 200px; border:
1px solid ;background-color:#e0dfac;" ng-hide="val">
<div >
<p>Blah blah blah blah blah....</p>
</div>
</div>
<script>
var ssa = angular.module('ngccl', ['ngAnimate']);
ssa.controller('hkgn', ['$scope', function($scope) {
$scope.val = true;
$scope.click = function() {
console.log("hello");
$scope.val = !$scope.val;
};
}]);
</script>
</body>
</html>
ngAnimate module is not working while using angularjs 1.3 how to start
working with ngAnimate 1.3
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
