Checkbox animation?

I have 2 containers, one is an unchecked container and the other is a checked container. There is an onclick workflow for each container that changes the status to “Completed” or “Not Completed” and vice versa.

The page only shows uncompleted tasks (unchecked). Once completed it is not displayed anymore.

How do I animate the unchecked container / checked container, such that when I check the box, the box pulses and the entire container slides out?

Currently I have an animation for the checked container only, but when I click on the unchecked container to check the task, it becomes checked and disappears from the first page without any animation.