# ExpandCollapseAnimation

> _Since v0.2.9_

Animation style for expand/collapse operations.
Subset of AnimationStyle - excludes 'flip' which is for position changes.
- `'slide'`: Slide down/up animation for expanding/collapsing content
- `'fade'`: Fade in/out animation
- `false`: No animation

```ts
type ExpandCollapseAnimation = "slide" | "fade" | false
```

#### Example

```typescript
// Tree rows slide down when expanding
new TreePlugin({ expandAnimation: 'slide' });

// Row groups fade in/out
new GroupingRowsPlugin({ expandAnimation: 'fade' });

// Master-detail panels with no animation
new MasterDetailPlugin({ expandAnimation: false });
```

## See Also

- [`AnimationStyle`](/grid/api/core/types/animationstyle.md) for all animation styles
- [`AnimationConfig`](/grid/api/core/interfaces/animationconfig.md) for grid-wide settings