I am very new in the Angular scene. I just started to learn Angular 2.0 for TypeScript and I was wondering, how the animation (like in a simple HTML with jQuery) works in Angular 2.0
In the homepage of the Angular 2.0 (angular.io > Features) you can see, that there is a way to do animation in "Angular 2.0 for TypeScript".
In my research I found something like this: http://www.angular-dev.com/angular-connect-slides/#/26/0/
But I think this is just a normal JavaScript code. And I am not sure if ngAnimate 2.0 is that, what I am looking for.
Unfortunately, I can't find anymore information about that.
What I want to do, is very simple:
When I click just in a simple div container, I want that another div-container appears (which is in the beginning unvisible).
In jQuery, it would be something like this: http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_toggle
But what I want, is this animation in TypeScript. Do you have any idea how I reach this goal?
Thanks for your answers in advance!
EDIT I am sorry, I forgot to mention, what exactly I want. I want to use toggle, but something like in Windows 10:
When you press "Windows + A", it will appear a sidebar on the right side. Exactly that is what I want with animation on the website, when you click on a div-container, and not just simple appearing and disappearing.
I think the jQuery code would be something like that (only for appearing with a time delay)
$("divA").click(function() {
$("divB").toggle(1000);
});