my CodePen actually does what I want. But not in the way I want.
Target: Have a transparent (background-less) text-string dialogue (actually monologue) in an absolute position...
Challenge: ...without defining an absolute position, in one case with span, in other with div
Look, I want more than one element appear in the same position. But since its not a image, the previous staggerelement needs to be removed first, because otherwise the text overlaps.
A change to only the appearance (visibility, opacity, autoAlpha [where is the difference?]) wont help. Because each div takes space. I need to work with display none and block. But how can I tell a stagger to be displayed=none when the second stagger appears? My workaround with absolute position is bad. It even needs to span a background color, because the prev elem of course is still there, just underneath the other.
A span is already an inline element. Thats nice. But it does not support background. What I anyway dont want. So here I look also for an option, to get, then send it away (of course not with a second tween or line of code).
So I am looking for a pretty smart line of code. A single one which does the dialogue. Never with an absolute position, never with a background. In one case with div where I need to deal with display to ensure all is done in the same corridor. In other case with span, where I have no idea by now how to approach. I guess if the display thing is working with div, it will do the job with span as well, so one solution for both problems. Hopefully...
Thanks for any help on this.