My idea is to have a gallery in which when you hover a product, it grows and when you click it it shows additional information.
But I want the product to return to it’s original size only if the element wasn’t clicked and I want it to stay as it is if the element was clicked.
Animations work fine, I just want to know how to make click trigger animation overwrite hover animation so it stays scaled up if there’s additional information being shown.
I used element triggers for both animations because using a hover style breaks everything.
Read only link: