How to make an animation happen on mouse click, then stop and then play in reverse on other mouse click?

Hi everyone,

I'm trying to do a simple animation where you have one logo that will disappear on a mouse click and let appear an other logo. I want the animation to stop here and when someone clicks again the animation will play in reverse so the original logo will come back, it sounds simple but I can't manage to do it.
Do you have any suggestions ?

Thanks a lot,

Lucas