# Animation toggle "once/user" - issue with page reload

**URL:** <https://forum.readymag.com/t/animation-toggle-once-user-issue-with-page-reload/2347>\
**Category:** Animations\
**Created:** [January 4, 2024, 10:16pm UTC](https://forum.readymag.com/t/animation-toggle-once-user-issue-with-page-reload/2347 "2024-01-04T22:16:56Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tyler\_Bancroft](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/tyler_bancroft/32/2661_2.png) [@Tyler\_Bancroft](https://forum.readymag.com/u/Tyler_Bancroft)\
**Post date:** [January 4, 2024, 10:16pm UTC](https://forum.readymag.com/t/animation-toggle-once-user-issue-with-page-reload/2347/1 "2024-01-04T22:16:56Z")

</div>

I’m having an issue with a page that is meant to be a sort of sequential journey - every button the user clicks leads them to the next item on the page. For that reason I’ve selected “once/user” under the display settings for each animation, because there are a few triggers that are meant to be clicked twice. Under normal circumstances, clicking the trigger a second time would result the the animated element disappearing (because my animation is an opacity change from 0-100). So when I toggle “once/user” the animation happens once, and then the element remains (which is what I want!).

The issue is that when a user reloads the page, the animation never happens again. It only ever happens the very first time someone visits the page. Is there a workaround for this? I would like the animation count to reset on page reload.

---

<div class="post-metadata">

**Author:** ![Samus](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/samus/32/1146_2.png) [@Samus](https://forum.readymag.com/u/Samus)\
**Post date:** [January 9, 2024, 11:16pm UTC](https://forum.readymag.com/t/animation-toggle-once-user-issue-with-page-reload/2347/2 "2024-01-09T23:16:21Z")

</div>

The ‘once per user’ stuff won’t work here, as it will simply make the animation happen one time per person. Can’t think of any other option, though 🫤

---

<div class="post-metadata">

**Author:** ![Tyler\_Bancroft](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/tyler_bancroft/32/2661_2.png) [@Tyler\_Bancroft](https://forum.readymag.com/u/Tyler_Bancroft)\
**Post date:** [January 10, 2024, 1:08am UTC](https://forum.readymag.com/t/animation-toggle-once-user-issue-with-page-reload/2347/3 "2024-01-10T01:08:09Z")

</div>

Actually managed to solve this by mapping my animations a bit differently… the “play” buttons would trigger themselves to disappear + trigger a new button to appear which only controlled the next steps. phew!

---

<div class="post-metadata">

**Author:** ![Samus](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/samus/32/1146_2.png) [@Samus](https://forum.readymag.com/u/Samus)\
**Post date:** [January 11, 2024, 10:11pm UTC](https://forum.readymag.com/t/animation-toggle-once-user-issue-with-page-reload/2347/4 "2024-01-11T22:11:04Z")

</div>

Sort of like temporary triggers? 🤔 Nice, great idea! Happy you worked it out.
