This is on my ‘Team members template’ collection page.
I have a button that I’ve created from a div block.
on page load the button text says ‘click me!’ - class: Txt btn ClickMe
On hover the text will change to either:
- ‘For facts’
- ‘For sudo facts’
I’m using 3 text elements for this text (classes:)
Txt btn Facts (text is: ‘For’)
Txt btn Span (text is: ‘sudo’)
Txt btn Facts (text is: ‘facts’)
When the button is clicked I have a 2 div blocks displaying a users bio info (one fake one real).
When the div: Div Flex Center > subclass .TeamFun is hidden (via an interaction) that button when hovered should read ‘For sudo facts’
When the div: Div Flex Center > subclass .TeamReal is hidden (via an interaction) that button when hovered should read ‘For facts’
So in my research I can see that conditional visibility in webflow is restricted to collections so I set out to create code to accomplish this.
this is what I have that isn’t working.
Just realized I need this to happen when hovered which this code doesn’t even begin to address.
(I’m sure its obvious at this point but… I’m pretty new at this)