8
मैं jsfiddle http://jsfiddle.net/99vtukjk/ बनाया है बाईं या दाईं पाठ पर क्लिक करने पर, वर्तमान में छिपाने के लिए एनीमेशन ऊपर की तरफ है, हम कैसे छोड़ दिया एनीमेशन जैसे स्लाइड स्लाइड करने के लिए करने के लिए & फीका इसे बदल सकते हैं बाएं मेनूबार?स्लाइड वाम एनिमेटेड संक्रमण
<body ng-app="myApp1">
<div id='outerdiv' ng-controller="MyCtrl" >
<div ng-click="myValue=true" >LEFT</div>
<div ng-click="myValue=false">RIGHT</div>
<div id="one" class='animate-hide' ng-hide="myValue">
this is just a sample div
</div>
{{myValue}}
</div>
</body>
सीएसएस:
.animate-hide {
-webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
-moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
-o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
line-height:20px;
opacity:1;
padding:10px;
border:1px solid black;
background:white;
}
.animate-hide.ng-hide {
line-height:0;
opacity:0;
padding:0 10px;
}
कोणीय मॉड्यूल
var app = angular.module("myApp1", ["ngAnimate"]);
app.controller("MyCtrl", function ($scope) {
$scope.myValue=false;
});