# Making a category filter

**URL:** https://forum.readymag.com/t/making-a-category-filter/4924
**Category:** Animations
**Created:** [May 21, 2025, 1:18pm UTC](https://forum.readymag.com/t/making-a-category-filter/4924 "2025-05-21T13:18:44Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![caeli.archive](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/caeli.archive/32/3302_2.png) [@caeli.archive](https://forum.readymag.com/u/caeli.archive)
#### Post date: [May 21, 2025, 1:18pm UTC](https://forum.readymag.com/t/making-a-category-filter/4924/1 "2025-05-21T13:18:44Z")

</div>

I’m trying to create a category filter for a list of projects with multiple categories.

I want the projects that don’t belong to the selected category to be hidden when a category is clicked.

So I used category buttons as triggers to hide the unrelated projects.

The problem is: unless I click the category again to bring back the hidden projects, the animations don’t work properly when switching categories.

Is there a way to reset animations when clicking on a different trigger?