Ability to trigger event on animation start (after delay but before complete)

[heaversm]

Hi - I have an animation chained with other animations:

elem.animate({
            delay: delay1,
            duration: duration1,
        })
        .opacity(1)
            .animate({
                delay:delay2,
                ease: '>',
                duration: duration2,
            })
            .fill({
                opacity: 0.3,
            })
            .during(function (pos, morph, eased, situation) {
                //this triggers at start of delay
            })
            .after((situation) => {
                //this triggers at end of anim
            });
});

And I want to trigger an event after the delay2, but before the second animation completes. Is this possible, or will I need to use a timeout or something?

[Fuzzyma]

you might want to just queue() a function which triggers the event. Like:

el.animate().queue(function () {
  // trigger event

  this.unqueue()
})