Trigger animation by variable change or button click

I gave up trying and came to ask because it should be something simple and I’m not able to do it the way I need to…

I have two Divs. each one with its animation. The animations are working fine but when loading the page. What I need is when I click a button the animation of DIv1 is triggered and after a delay the animation of the second DIv.

I created a new state of the div where the animation exists (I was left with 2 states: default and animation), but I couldn’t call this state. I did the bind of the state in a variable but I also didn’t understand there in the formula pane how to say that that state should be called only if the variable is true.

Even using AI it didn’t work, it only consumed tokens.

I didn’t find this kind of information in the documentation, I didn’t find an option for it in the workflows and the topics here don’t clarify what I need, or at least I didn’t find one.

I hope you can help.