Change button text on hover script

Hi,

I’m trying to create a play/pause button to for spinning diagram. I’ve tried using a change text on hover script.

So far I’ve tried using the below code with fontawesome for play and pause icons pasted into the head of the find truth/10 Human Elements Page.

It works fine with regular text but not at all with the fontawesome characters.

$(document).ready(function() {
$(‘.spiral-btn’).hover(function() {
$(this).html(‘’);
}, function() {
$(this).html(');
});
});

I will also add the click script once I figure out the above change text on hover script.

I’m open to other ideas if you think they will be easier.

Best,

Nathan

https://www.alivingtheory.com/find-truth/10-human-elements

https://preview.webflow.com/preview/a-living-theory?preview=556cc4865721e0f20a73b990bae28349


Here is my public share link: LINK
(how to access public share link)

I see no place to hit resolve or delete this…I’ve gone a different direction with it so I no longer need an answer to this.

Best,

Nathan

I posted this just before you posted your question… Change An Element's Text On Hover (without interactions)

1 Like

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