In the following page I created an element that will show/hide a video and some extra text. I want to switch the image of the “read more” button to “read less”. I did this now by putting 2 images on top of eachother and making the “read less” image visible on click. But, since I can’t figure out how to make the “read more” image invisble I have to make the read less button non-transparant so it completely overlays the read more image. Problem with this is that I get a white background which becomes visible on the white/light gray background of the website.
And you make a second interaction, on the other element, that’s basically the same bu reverse: hides on click and affect another element, the one you’ve hidden, to show it back.
Maybe you didn’t figure that you could add as many triggers you want?
Thanks alot for your support so far. I got a little bit further now. There’s something still not right: If I click the read less button the content scrolls up and the “read more” button becomes visible but the “read less” button itself does not disappear. Any ideas on that?
I have a new preview link. It’s on page “Digital Campaign NL”