Streaming live at 10am (PST)

Show text on hover without hide on hover off


#1

Hi all!

I was wondering if someone could help me with a quick query about using buttons to show/hide text in a specific way. \

Basically, on my site I've created a row of 5 buttons which show text underneath when you hover on them, then hide the text when you hover off (see screengrab below).

What I'd love to be able to do is to have the text show when you hover over but stay when you hover off. The webflow homepage does something similar on its homepage https://webflow.com/ using the buttons at the bottom (though these are done through clicks).

Here's my site's read only: https://preview.webflow.com/preview/jamiesamman992?preview=7f014bfd8dbd92af71c8e4b1aeaf2e73

Any ideas welcome, happy Webflowing! (not sure if that's a word but hey)

Cheers,
Jamie


#2

Do what Webflow does on the homepage, use a TAB element for your table...


#3

Cheers Vincent! Just had a look at Webflow's code and you're right, that's how they're doing it. I'll have a crack with that and let you know how I get on.

Ta,
Jamie


#4

Hi again Vincent,

I'm just having a play with the tab widget, I was wondering, do you have to add the show/hide content features as separate interactions? Or are they built into the tab widget?

Cheers man!
Jamie


#5

(Sorry that was probably very very unclear!!)

What I meant was I'm struggling to link the content in the tabs-content-pane to the buttons above, is this embedded into the tabs widget?

Thanks,
Jamie


#6

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.