{{#each [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] as number}} {{#if foo}} {{#if threshold >= number}} <div transition:foo>{{number}}</div> {{/if}} {{else}} {{#if threshold >= number}} <div transition:foo>{{number}}</div> {{/if}} {{/if}} {{/each}} <script> export default { transitions: { foo: function ( node ) { return { duration: 100, tick: t => { node.foo = t; } }; } } }; </script>