/Javascript/AngularJS/Slide div on click angular

Slide div on click angular

import { trigger, transition, animate, style } from '@angular/animations'

@Component({
  ...
  animations: [
    trigger('slideInOut', [
      transition(':enter', [
        style({transform: 'translateY(-100%)'}),
        animate('200ms ease-in', style({transform: 'translateY(0%)'}))
      ]),
      transition(':leave', [
        animate('200ms ease-in', style({transform: 'translateY(-100%)'}))
      ])
    ])
  ]
})

Source: stackoverflow.com

Slide div on click angular

<div *ngIf="visible" [@slideInOut]>This element will slide up and down when the value of 'visible' changes from true to false and vice versa.</div>

Source: stackoverflow.com

Similar codes

1 vote298 views1 answer
Angular datatable reload with pagination
Javascript AngularJS
2 votes356 views2 answers
How to use moment in angular 8
Javascript AngularJS
0 vote353 views1 answer
Angular 11 export excel with customize header
Javascript AngularJS
1 vote316 views1 answer
Angular run validation on other controls
Javascript AngularJS
0 vote296 views2 answers
Angular detect navigation change
Javascript AngularJS
0 vote472 views1 answer
How to use batch export function forn exports charts in fusioncharts via angularjs
Javascript AngularJS
6 votes314 views2 answers
Angular dynamic class
Javascript AngularJS
-1 vote337 views1 answer
How to disable previous date in datepicker using angular 6
Javascript AngularJS
24 votes300 views2 answers
Uninstall angular cli
Javascript AngularJS
0 vote309 views1 answer
App is not a known element angular error
Javascript AngularJS