Breaking News: Grepper is joining You.com. Read the official announcement!

slide div on click angular

Talented Turtle answered on September 28, 2021 Popularity 4/10 Helpfulness 1/10

answer slide div on click angular

slide div on click angular

Comment

<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>

Popularity 4/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: angular click javascript slide

Link to this answer
Share Copy Link

Contributed on Sep 28 2021

Talented Turtle

0 Answers Avg Quality 2/10

Closely Related Answers

slide div on click angular

Comment

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%)'}))
      ])
    ])
  ]
})

Popularity 4/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript click slide angular

Link to this answer
Share Copy Link

Contributed on Sep 28 2021

Talented Turtle

0 Answers Avg Quality 2/10

slide div on click angular

Contents

More Related Answers

slide div on click angular

Closely Related Answers

slide div on click angular

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.