hence i am new in angular and i was trying to know how could i create slide 
in and out div by angular and luckily i found a code snip which is working 
but effect is not very good and some time div is not getting slide in and 
out properly when click on left and right div. here is jsfiddle 
http://jsfiddle.net/tridip/rrqLd5p6/1/


<http://jsfiddle.net/tridip/rrqLd5p6/1/>
here is code


var app = angular.module("myApp1", ["ngAnimate"]);
app.controller("MyCtrl", function ($scope) {
$scope.myValue=true;});
<body ng-app="myApp1"><div id='outerdiv' ng-controller="MyCtrl" >
    <div ng-click="myValue=false" >LEFT</div>
    <div  ng-click="myValue=true">RIGHT</div>
        <div id="one" class='animate-hide'  ng-hide="myValue"> 
            this is just a sample div
        </div>
    {{myValue}}</div></body>

anyone can see the code and tell me why the slide in and out effect is not 
very smooth?

what to add in code to make the effect looks very professional. i am 
looking for open advise.

-- 
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 https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to